git.iko.soy/bridge
on master help sign in
bridge/src/views/Ops/RequestRow.tsx
47 lines 1.3 kB history raw
1import ob from 'urbit-ob';
2import { Box, Button } from '@tlon/indigo-react';
3import { Ship } from '@urbit/roller-api';
4import Sigil from 'components/Sigil';
5import { useCallback } from 'react';
7interface RequestRowProps {
8 point: Ship;
9 onAccept: (point: Ship) => Promise<void>;
10 onReject: (point: Ship) => Promise<void>;
13export const RequestRow = ({ point, onAccept, onReject }: RequestRowProps) => {
14 const handleAcceptClick = useCallback(async () => {
15 await onAccept(point);
16 }, [onAccept, point]);
18 const handleRejectClick = useCallback(async () => {
19 await onReject(point);
20 }, [onReject, point]);
22 return (
23 <li key={point}>
24 <Box className={'point-wrapper'}>
25 <Box className="sigil">
26 <Box className="sigil-container">
27 <Sigil
28 icon
29 patp={ob.patp(point)}
30 size={16}
31 colors={['#000000', '#FFFFFF']}
32 />
33 </Box>
34 </Box>
35 <Box className={'patp'}>{ob.patp(point)}</Box>
36 </Box>
37 <Box className="button-wrapper">
38 <Button className="primary" onClick={handleAcceptClick}>
39 Accept
40 </Button>
41 <Button className="secondary" onClick={handleRejectClick}>
42 Reject
43 </Button>
44 </Box>
45 </li>
46 );
47};