From 955249ab166a9470c5f14d321957da193d4efc9b Mon Sep 17 00:00:00 2001 From: shuoer86 <129674997+shuoer86@users.noreply.github.com> Date: Fri, 10 Nov 2023 22:16:50 +0800 Subject: [PATCH] chore: fix typos --- .../transformers/dappInfluenceMintTransformer.ts | 2 +- .../extension/src/ui/features/accountActivity/ui/NFTImage.tsx | 2 +- .../extension/src/ui/features/accountNfts/NftThumbnailImage.tsx | 2 +- .../src/ui/features/accounts/AccountListScreenContainer.tsx | 2 +- .../features/onboarding/OnboardingPasswordScreenContainer.tsx | 2 +- .../features/settings/AddressBookAddOrEditScreenContainer.tsx | 2 +- .../src/ui/features/stateRestoration/useRestorationState.ts | 2 +- .../src/ui/views/implementation/__tests__/atomFromRepo.test.tsx | 2 +- .../ui/views/implementation/__tests__/atomFromStore.test.tsx | 2 +- .../implementation/__tests__/atomWithSubscription.test.tsx | 2 +- packages/ui/README.md | 2 +- 11 files changed, 11 insertions(+), 11 deletions(-) diff --git a/packages/extension/src/ui/features/accountActivity/transform/explorerTransaction/transformers/dappInfluenceMintTransformer.ts b/packages/extension/src/ui/features/accountActivity/transform/explorerTransaction/transformers/dappInfluenceMintTransformer.ts index a574c8df2..4d64e4285 100644 --- a/packages/extension/src/ui/features/accountActivity/transform/explorerTransaction/transformers/dappInfluenceMintTransformer.ts +++ b/packages/extension/src/ui/features/accountActivity/transform/explorerTransaction/transformers/dappInfluenceMintTransformer.ts @@ -3,7 +3,7 @@ import { getEntityWithName } from "../getEntityWithName" import { getParameter } from "../getParameter" import { IExplorerTransactionTransformer } from "./type" -/** adds Influence NFT purcahse */ +/** adds Influence NFT purchase */ export default function ({ explorerTransaction, diff --git a/packages/extension/src/ui/features/accountActivity/ui/NFTImage.tsx b/packages/extension/src/ui/features/accountActivity/ui/NFTImage.tsx index c0949a15a..f2e54a3ae 100644 --- a/packages/extension/src/ui/features/accountActivity/ui/NFTImage.tsx +++ b/packages/extension/src/ui/features/accountActivity/ui/NFTImage.tsx @@ -19,7 +19,7 @@ export const NFTImage: FC = ({ }) => { const nft = useNft(addressSchema.parse(contractAddress ?? ""), tokenId) - // if nft is not in the storage anymore, need to fetch it because it was transfered + // if nft is not in the storage anymore, need to fetch it because it was transferred const { data } = useRemoteNft(contractAddress, tokenId, networkId) const displayNft = nft ?? data diff --git a/packages/extension/src/ui/features/accountNfts/NftThumbnailImage.tsx b/packages/extension/src/ui/features/accountNfts/NftThumbnailImage.tsx index 2c093eb89..b7b0b98e9 100644 --- a/packages/extension/src/ui/features/accountNfts/NftThumbnailImage.tsx +++ b/packages/extension/src/ui/features/accountNfts/NftThumbnailImage.tsx @@ -5,7 +5,7 @@ import { NftFallback } from "./NftFallback" type NftThumbnailImage = ImgHTMLAttributes -/** Transparently displays an image or palceholder fallback set to square aspect ratio */ +/** Transparently displays an image or placeholder fallback set to square aspect ratio */ export const NftThumbnailImage: FC = ({ src, ...rest }) => { if (!src) { diff --git a/packages/extension/src/ui/features/accounts/AccountListScreenContainer.tsx b/packages/extension/src/ui/features/accounts/AccountListScreenContainer.tsx index 71786b27e..2d501e084 100644 --- a/packages/extension/src/ui/features/accounts/AccountListScreenContainer.tsx +++ b/packages/extension/src/ui/features/accounts/AccountListScreenContainer.tsx @@ -26,7 +26,7 @@ import { import { usePartitionDeprecatedAccounts } from "./accountUpgradeCheck" import { tokenBalancesView } from "../../views/tokenBalances" -/** TODO: we should be able to retreive all these account collections using queries from storage */ +/** TODO: we should be able to retrieve all these account collections using queries from storage */ export const AccountListScreenContainer: FC = () => { const navigate = useNavigate() const returnTo = useReturnTo() diff --git a/packages/extension/src/ui/features/onboarding/OnboardingPasswordScreenContainer.tsx b/packages/extension/src/ui/features/onboarding/OnboardingPasswordScreenContainer.tsx index 7016ed8f9..f4c2aa1ad 100644 --- a/packages/extension/src/ui/features/onboarding/OnboardingPasswordScreenContainer.tsx +++ b/packages/extension/src/ui/features/onboarding/OnboardingPasswordScreenContainer.tsx @@ -44,7 +44,7 @@ export const OnboardingPasswordScreenContainer: FC = () => { status: "success", networkId: newAccount.networkId, }) - // NOTE: this tracking call is legit, as it relies on information that's only accessable to the UI + // NOTE: this tracking call is legit, as it relies on information that's only accessible to the UI // NOTE: we're not interested in the return of this promise, we should indicate that with void void trackSuccess() diff --git a/packages/extension/src/ui/features/settings/AddressBookAddOrEditScreenContainer.tsx b/packages/extension/src/ui/features/settings/AddressBookAddOrEditScreenContainer.tsx index 6150c8f84..b924d2358 100644 --- a/packages/extension/src/ui/features/settings/AddressBookAddOrEditScreenContainer.tsx +++ b/packages/extension/src/ui/features/settings/AddressBookAddOrEditScreenContainer.tsx @@ -43,7 +43,7 @@ export const AddressBookAddOrEditScreenContainer: FC< const currentNetwork = useCurrentNetwork() const currentNetworkId = currentNetwork?.id - /** retreive an existing contact from id provided in contact prop or via url */ + /** retrieve an existing contact from id provided in contact prop or via url */ const existingContact = useView( addressBookContactIdView(id || contactProp?.id), ) diff --git a/packages/extension/src/ui/features/stateRestoration/useRestorationState.ts b/packages/extension/src/ui/features/stateRestoration/useRestorationState.ts index bd6fe87eb..34a9185e3 100644 --- a/packages/extension/src/ui/features/stateRestoration/useRestorationState.ts +++ b/packages/extension/src/ui/features/stateRestoration/useRestorationState.ts @@ -11,7 +11,7 @@ import { useRestorationState } from "./restoration.state" */ const restorationStatePathnames: Array = [ - /** Some users will close the extension when navigating to webmail to retreive the OTP */ + /** Some users will close the extension when navigating to webmail to retrieve the OTP */ routes.shieldAccountOTP.path, routes.sendAmountAndAssetScreen.path, ] diff --git a/packages/extension/src/ui/views/implementation/__tests__/atomFromRepo.test.tsx b/packages/extension/src/ui/views/implementation/__tests__/atomFromRepo.test.tsx index ae985abc7..aa407c8d2 100644 --- a/packages/extension/src/ui/views/implementation/__tests__/atomFromRepo.test.tsx +++ b/packages/extension/src/ui/views/implementation/__tests__/atomFromRepo.test.tsx @@ -18,7 +18,7 @@ describe("atomWithSubscription", () => { defaults: [], }) - it("should show inital value", async () => { + it("should show initial value", async () => { const atom = atomFromRepo(testRepo) const screen = render() diff --git a/packages/extension/src/ui/views/implementation/__tests__/atomFromStore.test.tsx b/packages/extension/src/ui/views/implementation/__tests__/atomFromStore.test.tsx index 0039c2315..c0dca32c0 100644 --- a/packages/extension/src/ui/views/implementation/__tests__/atomFromStore.test.tsx +++ b/packages/extension/src/ui/views/implementation/__tests__/atomFromStore.test.tsx @@ -18,7 +18,7 @@ describe("atomWithSubscription", () => { defaults: { value: "test" }, }) - it("should show inital value", async () => { + it("should show initial value", async () => { const atom = atomFromStore(testStore) const screen = render() diff --git a/packages/extension/src/ui/views/implementation/__tests__/atomWithSubscription.test.tsx b/packages/extension/src/ui/views/implementation/__tests__/atomWithSubscription.test.tsx index 853fb1286..040ac37b9 100644 --- a/packages/extension/src/ui/views/implementation/__tests__/atomWithSubscription.test.tsx +++ b/packages/extension/src/ui/views/implementation/__tests__/atomWithSubscription.test.tsx @@ -40,7 +40,7 @@ describe("atomWithSubscription", () => { testStore = createStore("test") }) - it("should show inital value", async () => { + it("should show initial value", async () => { const atom = atomWithSubscription( () => testStore.get(), (next) => testStore.subscribe(next), diff --git a/packages/ui/README.md b/packages/ui/README.md index 89b1e281f..0debae004 100644 --- a/packages/ui/README.md +++ b/packages/ui/README.md @@ -23,7 +23,7 @@ export const App: FC = () => { ### Theme and utilities -The theme contains standard set of attributes which are accessed using a name or key as decribed by chakra-ui. This allows the system to change the underlying values and units without changing the component markup. +The theme contains standard set of attributes which are accessed using a name or key as described by chakra-ui. This allows the system to change the underlying values and units without changing the component markup. See [chakra style props](https://chakra-ui.com/docs/styled-system/style-props) for examples