-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
CardPanel.tsx
16 lines (14 loc) · 838 Bytes
/
CardPanel.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
import React from "react";
import { ICardInfo, ICardManagerStatus } from "../smartcard/cardmanager";
import { CustomBox } from "./chartaui/CustomBox";
import { CustomTextField } from "./chartaui/CustomTextField";
export class CardPanel extends React.Component<ICardManagerStatus, ICardInfo> {
public render() {
return (
<div hidden={!this.props.isCardInserted}>
<CustomBox title="Card Type" text={this.props.isCardInserted ? this.props.cardInfo.cardType + (this.props.cardInfo.memoryCardDetails ? ` - ${this.props.cardInfo.memoryCardDetails}` : "") : ""} backgroundColor="#3b3a39" color="darkgray"/>
<CustomTextField label="ATR" readOnly={true} text={this.props.isCardInserted ? this.props.cardInfo.atr.toUpperCase() : ""} charsLength={30}/>
</div>
);
}
}