Skip to content

Commit

Permalink
feat: Clear cache page and Support Quit/Zoom In/Zoom Out shortcuts on…
Browse files Browse the repository at this point in the history 
… Windows & Linux (OK-33706 OK-33652) (#6157)
  • Loading branch information
@huhuanming
huhuanming authored Nov 9, 2024
1 parent f488851 commit da11b87
Show file tree
Hide file tree
Showing 5 changed files with 286 additions and 205 deletions.
26 changes: 22 additions & 4 deletions apps/desktop/src-electron/app.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -154,7 +154,7 @@ const initMenu = () => {
},
},
{ type: 'separator' },
{
isMac && {
role: 'hide',
accelerator: 'Alt+CmdOrCtrl+H',
label: i18nText(ETranslations.menu_hide_onekey_wallet),
Expand All @@ -166,6 +166,7 @@ const initMenu = () => {
{ type: 'separator' },
{
role: 'quit',
accelerator: 'CmdOrCtrl+Q',
label: i18nText(ETranslations.menu_quit_onekey_wallet),
},
].filter(Boolean),
Expand Down Expand Up @@ -201,9 +202,26 @@ const initMenu = () => {
{ type: 'separator' },
]
: []),
{ role: 'resetZoom', label: i18nText(ETranslations.menu_actual_size) },
{ role: 'zoomIn', label: i18nText(ETranslations.menu_zoom_in) },
{ role: 'zoomOut', label: i18nText(ETranslations.menu_zoom_out) },
{
role: 'resetZoom',
label: i18nText(ETranslations.menu_actual_size),
accelerator: 'CmdOrCtrl+0',
},
isMac
? {
role: 'zoomIn',
label: i18nText(ETranslations.menu_zoom_in),
}
: {
role: 'zoomIn',
label: i18nText(ETranslations.menu_zoom_in),
accelerator: 'CmdOrCtrl+Shift+]',
},
{
role: 'zoomOut',
label: i18nText(ETranslations.menu_zoom_out),
accelerator: isMac ? 'CmdOrCtrl+-' : 'CmdOrCtrl+Shift+[',
},
{ type: 'separator' },
{
role: 'togglefullscreen',
Expand Down
242 changes: 242 additions & 0 deletions packages/kit/src/views/Setting/pages/ClearAppCache/index.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,242 @@
import type { FC } from 'react';
import { useCallback, useMemo, useRef, useState } from 'react';

import { useIntl } from 'react-intl';

import type { INavSearchBarProps } from '@onekeyhq/components';
import {
Checkbox,
Dialog,
Empty,
Form,
Page,
SectionList,
Stack,
Toast,
YStack,
useClipboard,
useForm,
} from '@onekeyhq/components';
import {} from '@onekeyhq/components/src/layouts/SectionList';
import backgroundApiProxy from '@onekeyhq/kit/src/background/instance/backgroundApiProxy';
import { ListItem } from '@onekeyhq/kit/src/components/ListItem';
import {
useCurrencyPersistAtom,
useSettingsPersistAtom,
} from '@onekeyhq/kit-bg/src/states/jotai/atoms';
import { ETranslations } from '@onekeyhq/shared/src/locale';
import platformEnv from '@onekeyhq/shared/src/platformEnv';
import type { IClearCacheOnAppState } from '@onekeyhq/shared/types/setting';

const keyExtractor = (_: unknown, index: number) => `${index}`;

// onPress: () => {
// Dialog.show({
// title: intl.formatMessage({
// id: ETranslations.settings_clear_cache_on_app,
// }),
// renderContent: <ClearCacheOnAppContent />,
// tone: 'destructive',
// confirmButtonProps: {
// disabledOn: ({ getForm }) => {
// const { getValues } = getForm() || {};
// if (getValues) {
// const values = getValues();
// return !Object.values(values).some((o) => Boolean(o));
// }
// return true;
// },
// },
// onConfirm: async (dialogInstance) => {

// },
// });
// },
export default function ClearAppCache() {
const intl = useIntl();
const form = useForm({
defaultValues: {
tokenAndNFT: true,
transactionHistory: true,
swapHistory: true,
browserCache: true,
appUpdateCache: true,
browserHistory: false,
connectSites: false,
signatureRecord: false,
customToken: false,
customRpc: false,
serverNetworks: false,
} as IClearCacheOnAppState,
});
const { copyText } = useClipboard();

const values = form.watch();
const disabled = !Object.values(values).some((o) => Boolean(o));
return (
<Page scrollEnabled>
<Page.Header
title={intl.formatMessage({
id: ETranslations.settings_clear_cache_on_app,
})}
/>
<Page.Body>
<Stack px="$6">
<Form form={form}>
<YStack>
<Form.Field name="tokenAndNFT">
<Checkbox
label={intl.formatMessage({
id: ETranslations.settings_token_nft_data,
})}
/>
</Form.Field>
<Form.Field name="transactionHistory">
<Checkbox
label={intl.formatMessage({
id: ETranslations.settings_transaction_history,
})}
/>
</Form.Field>
<Form.Field name="swapHistory">
<Checkbox
label={intl.formatMessage({
id: ETranslations.settings_swap_history,
})}
/>
</Form.Field>
<Form.Field name="browserCache">
<Checkbox
label={intl.formatMessage({
id: ETranslations.settings_browser_cache,
})}
/>
</Form.Field>
<Form.Field name="appUpdateCache">
<Checkbox
label={intl.formatMessage({
id: ETranslations.settings_app_update_cache,
})}
/>
</Form.Field>
<Form.Field name="browserHistory">
<Checkbox
label={intl.formatMessage({
id: ETranslations.settings_browser_history_bookmarks_pins_risk_dapp_whitelist,
})}
labelProps={{ flex: 1 } as any}
/>
</Form.Field>
<Form.Field name="customToken">
<Checkbox
label={intl.formatMessage({
id: ETranslations.manage_token_custom_token_title,
})}
/>
</Form.Field>
<Form.Field name="customRpc">
<Checkbox
label={intl.formatMessage({
id: ETranslations.custom_rpc_title,
})}
/>
</Form.Field>
<Form.Field name="serverNetworks">
<Checkbox
label={intl.formatMessage({
id: ETranslations.clear_build_in_networks_data,
})}
/>
</Form.Field>
<Form.Field name="connectSites">
<Checkbox
label={intl.formatMessage({
id: ETranslations.settings_connected_sites,
})}
/>
</Form.Field>
<Form.Field name="signatureRecord">
<Checkbox
label={intl.formatMessage({
id: ETranslations.settings_signature_record,
})}
/>
</Form.Field>
</YStack>
</Form>
</Stack>
</Page.Body>
<Page.Footer
onCancel={(close) => close()}
onConfirm={async (close) => {
if (values) {
await backgroundApiProxy.serviceSetting.clearCacheOnApp(values);
Toast.success({
title: intl.formatMessage({
id: ETranslations.global_success,
}),
});
if (
values?.browserCache &&
(platformEnv.isWeb || platformEnv.isExtension)
) {
if (platformEnv.isRuntimeChrome || platformEnv.isRuntimeEdge) {
let settingPath = 'chrome://settings/clearBrowserData';
if (platformEnv.isRuntimeEdge) {
settingPath = 'edge://settings/clearBrowserData';
}
Dialog.show({
title: intl.formatMessage({
id: ETranslations.settings_clear_browser_cache,
}),
description: intl.formatMessage(
{
id: ETranslations.settings_clear_browser_cache_desc,
},
{ url: settingPath },
),
onConfirm: () => {
copyText(settingPath);
close();
},
showCancelButton: false,
confirmButtonProps: {
variant: 'primary',
size: 'large',
icon: 'Copy3Outline',
},
onConfirmText: intl.formatMessage({
id: ETranslations.global_copy,
}),
});
} else {
Dialog.show({
title: intl.formatMessage({
id: ETranslations.settings_clear_browser_cache,
}),
description: intl.formatMessage({
id: ETranslations.settings_clear_browser_cache_desc2,
}),
showCancelButton: false,
confirmButtonProps: {
variant: 'primary',
size: 'large',
icon: 'Copy1Outline',
},
onConfirm: () => {
close();
},
});
}
} else {
close();
}
}
}}
confirmButtonProps={{
disabled,
}}
/>
</Page>
);
}
Loading

0 comments on commit da11b87

Please sign in to comment.