diff --git a/src/route-widgets/AliasDetailRoute/AliasDetails.tsx b/src/route-widgets/AliasDetailRoute/AliasDetails.tsx deleted file mode 100644 index 9124dbd..0000000 --- a/src/route-widgets/AliasDetailRoute/AliasDetails.tsx +++ /dev/null @@ -1,67 +0,0 @@ -import {useParams} from "react-router" -import {ReactElement, useContext} from "react" -import {useTranslation} from "react-i18next" -import {useSnackbar} from "notistack" - -import {Grid} from "@mui/material" - -import {AliasTypeIndicator, DecryptionPasswordMissingAlert, SimplePageBuilder} from "~/components" -import {Alias, DecryptedAlias} from "~/server-types" -import {useUIState} from "~/hooks" -import AliasAddress from "~/route-widgets/AliasDetailRoute/AliasAddress" -import AliasNotesForm from "~/route-widgets/AliasDetailRoute/AliasNotesForm" -import AliasPreferencesForm from "~/route-widgets/AliasDetailRoute/AliasPreferencesForm" -import AuthContext, {EncryptionStatus} from "~/AuthContext/AuthContext" -import ChangeAliasActivationStatusSwitch from "~/route-widgets/AliasDetailRoute/ChangeAliasActivationStatusSwitch" - -export interface AliasDetailsProps { - alias: Alias | DecryptedAlias -} - -export default function AliasDetails({alias: aliasValue}: AliasDetailsProps): ReactElement { - const {t} = useTranslation() - const params = useParams() - const {encryptionStatus} = useContext(AuthContext) - const address = atob(params.addressInBase64 as string) - - const [aliasUIState, setAliasUIState] = useUIState(aliasValue) - - return ( - - {[ - - - - - - - - - - - , -
- {encryptionStatus === EncryptionStatus.Available ? ( - - ) : ( - - )} -
, - - - , - ]} -
- ) -} diff --git a/src/route-widgets/AliasesRoute/AliasesDetails.tsx b/src/route-widgets/AliasesRoute/AliasesDetails.tsx deleted file mode 100644 index 85975f0..0000000 --- a/src/route-widgets/AliasesRoute/AliasesDetails.tsx +++ /dev/null @@ -1,90 +0,0 @@ -import {ReactElement, useState} from "react" -import {useTranslation} from "react-i18next" -import {useCopyToClipboard, useKeyPress, useUpdateEffect} from "react-use" - -import {Alert, Grid, List, Snackbar} from "@mui/material" - -import {AliasList} from "~/server-types" -import {useIsAnyInputFocused, useUIState} from "~/hooks" -import {ErrorSnack, NoSearchResults, SuccessSnack} from "~/components" -import AliasesListItem from "~/route-widgets/AliasesRoute/AliasesListItem" -import CreateAliasButton from "~/route-widgets/AliasesRoute/CreateAliasButton" -import EmptyStateScreen from "~/route-widgets/AliasesRoute/EmptyStateScreen" - -export interface AliasesDetailsProps { - aliases: AliasList[] - isSearching: boolean -} - -export default function AliasesDetails({aliases, isSearching}: AliasesDetailsProps): ReactElement { - const {t} = useTranslation() - const [{value, error}, copyToClipboard] = useCopyToClipboard() - const [isPressingControl] = useKeyPress("Shift") - const isAnyInputFocused = useIsAnyInputFocused() - - const [aliasesUIState, setAliasesUIState] = useUIState(aliases) - - const [lockDisabledCopyMode, setLockDisabledCopyMode] = useState(false) - - const isInCopyAddressMode = !isAnyInputFocused && !lockDisabledCopyMode && isPressingControl - - useUpdateEffect(() => { - if (!isPressingControl) { - setLockDisabledCopyMode(false) - } - }, [isPressingControl]) - - return ( - <> - - - {(() => { - if (aliasesUIState.length === 0) { - if (isSearching) { - return - } else { - return - } - } - - return ( - - {aliasesUIState.map(alias => ( - { - copyToClipboard(alias) - setLockDisabledCopyMode(true) - } - : undefined - } - /> - ))} - - ) - })()} - - - - setAliasesUIState(currentAliases => [alias, ...currentAliases]) - } - /> - - - - - - - {t("routes.AliasesRoute.isInCopyMode")} - - - - ) -} diff --git a/src/routes/AliasDetailRoute.tsx b/src/routes/AliasDetailRoute.tsx index 8318585..4200333 100644 --- a/src/routes/AliasDetailRoute.tsx +++ b/src/routes/AliasDetailRoute.tsx @@ -16,7 +16,6 @@ import { SimplePageBuilder, } from "~/components" import AliasAddress from "~/route-widgets/AliasDetailRoute/AliasAddress" -import AliasDetails from "~/route-widgets/AliasDetailRoute/AliasDetails" import AliasNotesForm from "~/route-widgets/AliasDetailRoute/AliasNotesForm" import AliasPreferencesForm from "~/route-widgets/AliasDetailRoute/AliasPreferencesForm" import AuthContext, {EncryptionStatus} from "~/AuthContext/AuthContext"