forked from cosmostation/cosmostation-chrome-extension
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
baf8ffa
commit 0808422
Showing
36 changed files
with
272 additions
and
56 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -6,4 +6,5 @@ dev/ | |
| prod/ | ||
| tmp/ | ||
| build/ | ||
| .DS_Store | ||
| .DS_Store | ||
| .yarn/* | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| nodeLinker: node-modules | ||
|
|
||
| yarnPath: .yarn/releases/yarn-1.22.19.cjs |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -167,5 +167,6 @@ | |
| "node": ">=16.0.0", | ||
| "yarn": ">=1.22.0", | ||
| "npm": "please-use-yarn" | ||
| } | ||
| }, | ||
| "packageManager": "[email protected]" | ||
| } | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,94 @@ | ||
| import { useForm } from 'react-hook-form'; | ||
| import { useSnackbar } from 'notistack'; | ||
| import { useSetRecoilState } from 'recoil'; | ||
| import { v4 as uuidv4 } from 'uuid'; | ||
| import { joiResolver } from '@hookform/resolvers/joi'; | ||
|
|
||
| import Button from '~/Popup/components/common/Button'; | ||
| import { useCurrentAccount } from '~/Popup/hooks/useCurrent/useCurrentAccount'; | ||
| import { useLoading } from '~/Popup/hooks/useLoading'; | ||
| import { useNavigate } from '~/Popup/hooks/useNavigate'; | ||
| import { useTranslation } from '~/Popup/hooks/useTranslation'; | ||
| import { disposableLoadingState } from '~/Popup/recoils/loading'; | ||
|
|
||
| import { BottomContainer, Container, InputContainer, StyledInput48 } from './styled'; | ||
| import type { FakeForm } from './useSchema'; | ||
| import { useSchema } from './useSchema'; | ||
|
|
||
| export type CheckWord = { | ||
| index: number; | ||
| word: string; | ||
| }; | ||
|
|
||
| export default function Entry() { | ||
| const { navigateBack } = useNavigate(); | ||
|
|
||
| const { currentAccount, addAccount } = useCurrentAccount(); | ||
|
|
||
| const { setLoadingOverlay } = useLoading(); | ||
|
|
||
| const { enqueueSnackbar } = useSnackbar(); | ||
|
|
||
| const setDisposableLoading = useSetRecoilState(disposableLoadingState); | ||
|
|
||
| const { fakeForm } = useSchema(); | ||
|
|
||
| const { t } = useTranslation(); | ||
|
|
||
| const { | ||
| register, | ||
| handleSubmit, | ||
| formState: { errors, isDirty }, | ||
| reset, | ||
| } = useForm<FakeForm>({ | ||
| resolver: joiResolver(fakeForm), | ||
| mode: 'onSubmit', | ||
| reValidateMode: 'onSubmit', | ||
| shouldFocusError: true, | ||
| }); | ||
|
|
||
| const submit = async (data: FakeForm) => { | ||
| setDisposableLoading(false); | ||
| setLoadingOverlay(true); | ||
|
|
||
| const accountId = uuidv4(); | ||
|
|
||
| await addAccount({ | ||
| ...currentAccount, | ||
| id: accountId, | ||
| name: data.name, | ||
| address: data.address, | ||
| }); | ||
|
|
||
| setLoadingOverlay(false); | ||
|
|
||
| reset(); | ||
| enqueueSnackbar('success creating new account'); | ||
| navigateBack(); | ||
| }; | ||
|
|
||
| return ( | ||
| <form onSubmit={handleSubmit(submit)}> | ||
| <Container> | ||
| <InputContainer> | ||
| <div> | ||
| <StyledInput48 | ||
| placeholder={t('pages.Account.Create.Import.Mnemonic.entry.accountNamePlaceholder')} | ||
| inputProps={register('name')} | ||
| error={!!errors.name} | ||
| helperText={errors.name?.message} | ||
| /> | ||
| </div> | ||
| <div> | ||
| <StyledInput48 placeholder="Address" inputProps={register('address')} error={!!errors.address} helperText={errors.address?.message} /> | ||
| </div> | ||
| </InputContainer> | ||
| <BottomContainer> | ||
| <Button type="submit" disabled={!isDirty}> | ||
| {t('pages.Account.Create.Import.Mnemonic.entry.done')} | ||
| </Button> | ||
| </BottomContainer> | ||
| </Container> | ||
| </form> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| import Lock from '~/Popup/components/Lock'; | ||
|
|
||
| import Entry from './entry'; | ||
| import Layout from './layout'; | ||
|
|
||
| export default function Fake() { | ||
| return ( | ||
| <Lock> | ||
| <Layout> | ||
| <Entry /> | ||
| </Layout> | ||
| </Lock> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,16 @@ | ||
| import BaseLayout from '~/Popup/components/BaseLayout'; | ||
| import { useNavigate } from '~/Popup/hooks/useNavigate'; | ||
|
|
||
| type LayoutProps = { | ||
| children: JSX.Element; | ||
| }; | ||
|
|
||
| export default function Layout({ children }: LayoutProps) { | ||
| const { navigateBack } = useNavigate(); | ||
|
|
||
| return ( | ||
| <BaseLayout useHeader={{}} useSubHeader={{ title: 'Add Fake Account', onClick: () => navigateBack() }}> | ||
| {children} | ||
| </BaseLayout> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| import { styled } from '@mui/material/styles'; | ||
|
|
||
| import Input from '~/Popup/components/common/Input'; | ||
|
|
||
| export const Container = styled('div')({ | ||
| width: '100%', | ||
| height: '100%', | ||
|
|
||
| padding: '0.8rem 1.6rem 0', | ||
|
|
||
| position: 'relative', | ||
| }); | ||
|
|
||
| export const InputContainer = styled('div')({ | ||
| display: 'grid', | ||
| gridTemplateColumns: '1fr', | ||
| rowGap: '0.8rem', | ||
| }); | ||
|
|
||
| export const BottomContainer = styled('div')({ | ||
| position: 'absolute', | ||
|
|
||
| width: 'calc(100% - 3.2rem)', | ||
|
|
||
| bottom: '1.6rem', | ||
| }); | ||
|
|
||
| export const BottomSettingButtonContainer = styled('div')({ | ||
| display: 'flex', | ||
| justifyContent: 'center', | ||
| alignItems: 'center', | ||
|
|
||
| marginBottom: '2.4rem', | ||
| }); | ||
|
|
||
| export const StyledInput48 = styled(Input)({ | ||
| height: '4.8rem', | ||
| }); | ||
|
|
||
| export const StyledInput140 = styled(Input)({ | ||
| minHeight: '14rem', | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| import { useTranslation } from '~/Popup/hooks/useTranslation'; | ||
| import Joi from '~/Popup/utils/joi'; | ||
|
|
||
| export type FakeForm = { | ||
| name: string; | ||
| address: string; | ||
| }; | ||
|
|
||
| export function useSchema() { | ||
| const { t } = useTranslation(); | ||
| const fakeForm = Joi.object<FakeForm>({ | ||
| name: Joi.string() | ||
| .required() | ||
| .min(1) | ||
| .max(20) | ||
| .messages({ | ||
| 'string.base': t('schema.common.string.base'), | ||
| 'string.empty': t('schema.common.string.empty'), | ||
| 'string.min': t('schema.common.string.min'), | ||
| 'string.max': t('schema.common.string.max'), | ||
| }), | ||
| address: Joi.string() | ||
| .required() | ||
| .messages({ | ||
| 'string.base': t('schema.common.string.base'), | ||
| 'string.empty': t('schema.common.string.empty'), | ||
| }), | ||
| }); | ||
|
|
||
| return { fakeForm }; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.