Changeset View
Changeset View
Standalone View
Standalone View
cashtab/src/components/Common/ScanQRCode.tsx
| Show All 9 Lines | import { | ||||
| CapacitorBarcodeScannerScanOrientation, | CapacitorBarcodeScannerScanOrientation, | ||||
| } from '@capacitor/barcode-scanner'; | } from '@capacitor/barcode-scanner'; | ||||
| import { QRCodeIcon } from 'components/Common/CustomIcons'; | import { QRCodeIcon } from 'components/Common/CustomIcons'; | ||||
| import styled from 'styled-components'; | import styled from 'styled-components'; | ||||
| import { Capacitor } from '@capacitor/core'; | import { Capacitor } from '@capacitor/core'; | ||||
| const StyledScanQRCode = styled.button` | const StyledScanQRCode = styled.button` | ||||
| cursor: pointer; | cursor: pointer; | ||||
| border-radius: 0 9px 9px 0; | border-radius: 0 10px 10px 0; | ||||
| background-color: ${props => props.theme.secondaryBackground}; | background-color: ${props => props.theme.inputBackground}; | ||||
| border-left: none !important; | border-left-color: ${props => props.theme.primaryBackground} !important; | ||||
| padding: 0 12px; | padding: 0 12px; | ||||
| `; | `; | ||||
| interface ScanQRCodeProps { | interface ScanQRCodeProps { | ||||
| onScan: (value: string) => void; | onScan: (value: string) => void; | ||||
| } | } | ||||
| /** | /** | ||||
| ▲ Show 20 Lines • Show All 64 Lines • Show Last 20 Lines | |||||