1
- import React , { useCallback , useState } from 'react' ;
1
+ import React , { useCallback } from 'react' ;
2
2
import type { BoxProps } from '@chakra-ui/react' ;
3
- import { Flex , Box , HStack , Image , Skeleton } from '@chakra-ui/react' ;
3
+ import { Flex , Box , HStack , Image } from '@chakra-ui/react' ;
4
4
import { motion , AnimatePresence } from 'framer-motion' ;
5
5
import { useRouter } from 'next/router' ;
6
6
import { useTranslation } from 'next-i18next' ;
@@ -10,8 +10,6 @@ import MyDivider from '@fastgpt/web/components/common/MyDivider';
10
10
import { useUserStore } from '@/web/support/user/useUserStore' ;
11
11
import UserAvatarPopover from '@/pageComponents/chat/UserAvatarPopover' ;
12
12
import MyBox from '@fastgpt/web/components/common/MyBox' ;
13
- import MyPopover from '@fastgpt/web/components/common/MyPopover' ;
14
- import SelectOneResource from '@/components/common/folder/SelectOneResource' ;
15
13
import MyIcon from '@fastgpt/web/components/common/Icon' ;
16
14
import type {
17
15
GetResourceFolderListProps ,
@@ -280,45 +278,49 @@ const NavigationSection = () => {
280
278
< AnimatePresence mode = "wait" >
281
279
{ isCollapsed ? (
282
280
< AnimatedSection show = { true } >
283
- < Flex flexDir = "column" gap = { 2 } >
284
- < ActionButton
285
- icon = "core/chat/sidebar/home"
286
- isCollapsed = { true }
287
- isActive = { isHomeActive }
288
- onClick = { ( ) => onHomeClick ( ChatSidebarPaneEnum . HOME ) }
289
- />
290
-
291
- < ActionButton
292
- icon = "common/app"
293
- isCollapsed = { true }
294
- isActive = { isTeamAppsActive }
295
- onClick = { ( ) => onHomeClick ( ChatSidebarPaneEnum . TEAM_APPS ) }
296
- />
297
- </ Flex >
281
+ < ActionButton
282
+ icon = "core/chat/sidebar/home"
283
+ isCollapsed = { true }
284
+ isActive = { isHomeActive }
285
+ onClick = { ( ) => onHomeClick ( ChatSidebarPaneEnum . HOME ) }
286
+ />
298
287
</ AnimatedSection >
299
288
) : (
300
289
< AnimatedSection show = { true } >
301
- < Flex flexDir = "column" gap = { 2 } >
302
- < ActionButton
303
- icon = "core/chat/sidebar/home"
304
- text = { t ( 'chat:sidebar.home' ) }
305
- isCollapsed = { false }
306
- isActive = { isHomeActive }
307
- onClick = { ( ) => onHomeClick ( ChatSidebarPaneEnum . HOME ) }
308
- />
309
-
310
- < ActionButton
311
- icon = "common/app"
312
- text = { t ( 'chat:sidebar.team_apps' ) }
313
- isCollapsed = { false }
314
- isActive = { isTeamAppsActive }
315
- onClick = { ( ) => onHomeClick ( ChatSidebarPaneEnum . TEAM_APPS ) }
316
- />
317
- </ Flex >
290
+ < ActionButton
291
+ icon = "core/chat/sidebar/home"
292
+ text = { t ( 'chat:sidebar.home' ) }
293
+ isCollapsed = { false }
294
+ isActive = { isHomeActive }
295
+ onClick = { ( ) => onHomeClick ( ChatSidebarPaneEnum . HOME ) }
296
+ />
318
297
</ AnimatedSection >
319
298
) }
320
299
</ AnimatePresence >
321
300
) }
301
+
302
+ < AnimatePresence mode = "wait" >
303
+ { isCollapsed ? (
304
+ < AnimatedSection show = { true } >
305
+ < ActionButton
306
+ icon = "common/app"
307
+ isCollapsed = { true }
308
+ isActive = { isTeamAppsActive }
309
+ onClick = { ( ) => onHomeClick ( ChatSidebarPaneEnum . TEAM_APPS ) }
310
+ />
311
+ </ AnimatedSection >
312
+ ) : (
313
+ < AnimatedSection show = { true } >
314
+ < ActionButton
315
+ icon = "common/app"
316
+ text = { t ( 'chat:sidebar.team_apps' ) }
317
+ isCollapsed = { false }
318
+ isActive = { isTeamAppsActive }
319
+ onClick = { ( ) => onHomeClick ( ChatSidebarPaneEnum . TEAM_APPS ) }
320
+ />
321
+ </ AnimatedSection >
322
+ ) }
323
+ </ AnimatePresence >
322
324
</ Flex >
323
325
) ;
324
326
} ;
0 commit comments