| 133 | |
| 134 | // ASCII art for tickets |
| 135 | const renderTicket = (pass: PassStatus) => { |
| 136 | const isRedeemed = !pass.isAvailable; |
| 137 | if (isRedeemed) { |
| 138 | // Grayed out redeemed ticket with slashes |
| 139 | return <Box key={pass.passNumber} flexDirection="column" marginRight={1}> |
| 140 | <Text dimColor>{'┌─────────╱'}</Text> |
| 141 | <Text dimColor>{` ) CC ${TEARDROP_ASTERISK} ┊╱`}</Text> |
| 142 | <Text dimColor>{'└───────╱'}</Text> |
| 143 | </Box>; |
| 144 | } |
| 145 | return <Box key={pass.passNumber} flexDirection="column" marginRight={1}> |
| 146 | <Text>{'┌──────────┐'}</Text> |
| 147 | <Text> |
| 148 | {' ) CC '} |
| 149 | <Text color="claude">{TEARDROP_ASTERISK}</Text> |
| 150 | {' ┊ ( '} |
| 151 | </Text> |
| 152 | <Text>{'└──────────┘'}</Text> |
| 153 | </Box>; |
| 154 | }; |
| 155 | return <Pane> |
| 156 | <Box flexDirection="column" gap={1}> |
| 157 | <Text color="permission">Guest passes · {availableCount} left</Text> |