From d74e6a47d6227e11f60ac48b43fbe49b8ea77b78 Mon Sep 17 00:00:00 2001
From: Finley Ge <m13203533462@163.com>
Date: Thu, 12 Sep 2024 18:18:56 +0800
Subject: [PATCH] fix: chat log get member info

---
 .../pages/app/detail/components/Logs/index.tsx  | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/projects/app/src/pages/app/detail/components/Logs/index.tsx b/projects/app/src/pages/app/detail/components/Logs/index.tsx
index 3c2776928..d3482d693 100644
--- a/projects/app/src/pages/app/detail/components/Logs/index.tsx
+++ b/projects/app/src/pages/app/detail/components/Logs/index.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import {
   Flex,
   Box,
@@ -23,7 +23,6 @@ import MyModal from '@fastgpt/web/components/common/MyModal';
 import { addDays } from 'date-fns';
 import { usePagination } from '@fastgpt/web/hooks/usePagination';
 import DateRangePicker, { DateRangeType } from '@fastgpt/web/components/common/DateRangePicker';
-import { useI18n } from '@/web/context/I18n';
 import EmptyTip from '@fastgpt/web/components/common/EmptyTip';
 import { useContextSelector } from 'use-context-selector';
 import { AppContext } from '../context';
@@ -37,11 +36,15 @@ const DetailLogsModal = dynamic(() => import('./DetailLogsModal'));
 
 const Logs = () => {
   const { t } = useTranslation();
-  const { appT } = useI18n();
   const { isPc } = useSystem();
 
   const appId = useContextSelector(AppContext, (v) => v.appId);
-  const { teamMembers } = useUserStore();
+  const { teamMembers, loadAndGetTeamMembers } = useUserStore();
+
+  useEffect(() => {
+    if (teamMembers.length) return;
+    loadAndGetTeamMembers(true);
+  }, []);
 
   const [dateRange, setDateRange] = useState<DateRangeType>({
     from: addDays(new Date(), -7),
@@ -77,10 +80,10 @@ const Logs = () => {
       {isPc && (
         <Box {...cardStyles} boxShadow={2} px={[4, 8]} py={[4, 6]}>
           <Box fontWeight={'bold'} fontSize={['md', 'lg']} mb={2}>
-            {appT('chat_logs')}
+            {t('app:chat_logs')}
           </Box>
           <Box color={'myGray.500'} fontSize={'sm'}>
-            {appT('chat_logs_tips')},{' '}
+            {t('app:chat_logs_tips')},{' '}
             <Box
               as={'span'}
               mr={2}
@@ -201,7 +204,7 @@ const Logs = () => {
               ))}
             </Tbody>
           </Table>
-          {logs.length === 0 && !isLoading && <EmptyTip text={appT('logs_empty')}></EmptyTip>}
+          {logs.length === 0 && !isLoading && <EmptyTip text={t('app:logs_empty')}></EmptyTip>}
         </TableContainer>
 
         <HStack w={'100%'} mt={3} justifyContent={'flex-end'}>