perf: model provider show; perf: get init data buffer (#3459)

* pr code * perf: model table show * perf: model provider show * perf: get init data buffer * perf: get init data buffer * perf: icon
2024-12-24 15:12:07 +08:00
parent f646ef8595
commit 108e1b92ef
59 changed files with 558 additions and 329 deletions
--- a/projects/app/src/pages/account/setting.tsx
+++ b/projects/app/src/pages/account/setting.tsx
@@ -0,0 +1,77 @@
+import { Box, Card, Flex } from '@chakra-ui/react';
+import React, { useCallback } from 'react';
+import MyIcon from '@fastgpt/web/components/common/Icon';
+import { useTranslation } from 'next-i18next';
+import { useUserStore } from '@/web/support/user/useUserStore';
+import { UserType } from '@fastgpt/global/support/user/type';
+import { useToast } from '@fastgpt/web/hooks/useToast';
+import { useForm } from 'react-hook-form';
+import { UserUpdateParams } from '@/types/user';
+import TimezoneSelect from '@fastgpt/web/components/common/MySelect/TimezoneSelect';
+import I18nLngSelector from '@/components/Select/I18nLngSelector';
+import AccountContainer from './components/AccountContainer';
+import { serviceSideProps } from '@fastgpt/web/common/system/nextjs';
+
+const Individuation = () => {
+  const { t } = useTranslation();
+  const { userInfo, updateUserInfo } = useUserStore();
+  const { toast } = useToast();
+
+  const { reset } = useForm<UserUpdateParams>({
+    defaultValues: userInfo as UserType
+  });
+
+  const onclickSave = useCallback(
+    async (data: UserType) => {
+      await updateUserInfo({
+        timezone: data.timezone
+      });
+      reset(data);
+      toast({
+        title: t('account_setting:update_data_success'),
+        status: 'success'
+      });
+    },
+    [reset, t, toast, updateUserInfo]
+  );
+
+  return (
+    <AccountContainer>
+      <Box py={[3, '28px']} px={['5vw', '64px']}>
+        <Flex alignItems={'center'} fontSize={'lg'} h={'30px'}>
+          <MyIcon mr={2} name={'common/settingLight'} w={'20px'} />
+          {t('common:common.Setting')}
+        </Flex>
+
+        <Card mt={6} px={[3, 10]} py={[3, 7]} fontSize={'sm'}>
+          <Flex alignItems={'center'} w={['85%', '350px']}>
+            <Box flex={'0 0 80px'}>{t('account_setting:language')}:&nbsp;</Box>
+            <Box flex={'1 0 0'}>
+              <I18nLngSelector />
+            </Box>
+          </Flex>
+          <Flex mt={6} alignItems={'center'} w={['85%', '350px']}>
+            <Box flex={'0 0 80px'}>{t('account_setting:timezone')}:&nbsp;</Box>
+            <TimezoneSelect
+              value={userInfo?.timezone}
+              onChange={(e) => {
+                if (!userInfo) return;
+                onclickSave({ ...userInfo, timezone: e });
+              }}
+            />
+          </Flex>
+        </Card>
+      </Box>
+    </AccountContainer>
+  );
+};
+
+export async function getServerSideProps(content: any) {
+  return {
+    props: {
+      ...(await serviceSideProps(content, ['account', 'account_setting']))
+    }
+  };
+}
+
+export default Individuation;