Skip to content

Commit

Permalink
minor change in modal
Browse files Browse the repository at this point in the history
  • Loading branch information
shadokan87 committed Jul 18, 2024
1 parent 9824a5a commit 338adb0
Showing 1 changed file with 3 additions and 12 deletions.
15 changes: 3 additions & 12 deletions apps/admin/src/modules/Dialog/heirloom/configuration.tsx
Original file line number Diff line number Diff line change
@@ -1,10 +1,8 @@
import React, { useEffect } from 'react';
import { useDialog, type dialog } from '@3shop/ui/Modal/Dialogs';
import { Box, Button, Checkbox, CopyIcon, Input, Text } from '@3shop/ui';
import { useClipboard } from '@chakra-ui/react';
import { Box, Checkbox, Text } from '@3shop/ui';

const CopyCorsContent = () => {
const { hasCopied, onCopy } = useClipboard('http://test.com');
const dialog = useDialog();
const [isChecked, setIsChecked] = React.useState(false);

Expand All @@ -23,18 +21,11 @@ const CopyCorsContent = () => {
return (
<Box padding="20px">
<Text marginBottom="10px">
When creating your lock, please copy the following CORS domain into the CORS field of your
form.
When creating your lock, please enter your website url into the CORS field of your form.
</Text>
<Box display="flex" alignItems="center" marginBottom="20px">
<Input value={process.env.HEIRLOOM_CORS} isReadOnly />
<Button onClick={onCopy} marginLeft="10px">
{hasCopied ? 'Copied !' : <CopyIcon />}
</Button>
</Box>
<Box display="flex" alignItems="center" marginBottom="20px">
<Checkbox checked={isChecked} onChange={handleCheckboxChange} />
<Text marginLeft="10px">I have used this CORS for my lock</Text>
<Text marginLeft="10px">I have entered my website url as CORS for my lock</Text>
</Box>
</Box>
);
Expand Down

0 comments on commit 338adb0

Please sign in to comment.