@lobehub/chat 0.127.0 → 0.127.2

package/src/app/settings/agent/index.tsx

@@ -1,21 +0,0 @@
-'use client';
-
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import PageTitle from '@/components/PageTitle';
-import { useSwitchSideBarOnInit } from '@/store/global/hooks/useSwitchSettingsOnInit';
-import { SettingsTabs } from '@/store/global/initialState';
-
-import Agent from './Agent';
-
-export default memo(() => {
-  useSwitchSideBarOnInit(SettingsTabs.Agent);
-  const { t } = useTranslation('setting');
-  return (
-    <>
-      <PageTitle title={t('tab.agent')} />
-      <Agent />
-    </>
-  );
-});

package/src/app/settings/features/SideBar/Item.tsx

@@ -1,44 +0,0 @@
-import { Icon, List } from '@lobehub/ui';
-import { createStyles, useResponsive } from 'antd-style';
-import { ChevronRight, type LucideIcon } from 'lucide-react';
-import { CSSProperties, ReactNode, memo } from 'react';
-
-const { Item } = List;
-
-const useStyles = createStyles(({ css, token, responsive }) => ({
-  container: css`
-    position: relative;
-    padding-top: 20px;
-    padding-bottom: 20px;
-    border-radius: ${token.borderRadius}px;
-    ${responsive.mobile} {
-      border-radius: 0;
-    }
-  `,
-}));
-
-export interface ItemProps {
-  active?: boolean;
-  className?: string;
-  icon: LucideIcon;
-  label: ReactNode;
-  style?: CSSProperties;
-}
-
-const SettingItem = memo<ItemProps>(({ label, icon, active = false, style, className }) => {
-  const { cx, styles } = useStyles();
-  const { mobile } = useResponsive();
-  return (
-    <Item
-      active={active}
-      avatar={<Icon icon={icon} size={{ fontSize: 16 }} />}
-      className={cx(styles.container, className)}
-      style={style}
-      title={label as string}
-    >
-      {mobile && <Icon icon={ChevronRight} size={{ fontSize: 16 }} />}
-    </Item>
-  );
-});
-
-export default SettingItem;

package/src/app/settings/features/SideBar/index.tsx

@@ -1,42 +0,0 @@
-import { DraggablePanelBody, Logo } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import FolderPanel from '@/features/FolderPanel';
-
-import UpgradeAlert from '../UpgradeAlert';
-import List from './List';
-
-const useStyles = createStyles(({ stylish, token, css }) => ({
-  body: stylish.noScrollbar,
-  logo: css`
-    fill: ${token.colorText};
-  `,
-  top: css`
-    position: sticky;
-    top: 0;
-  `,
-}));
-
-const SideBar = memo(() => {
-  const { styles } = useStyles();
-
-  return (
-    <FolderPanel>
-      <DraggablePanelBody className={styles.body} style={{ padding: 0 }}>
-        <Flexbox className={styles.top} padding={16}>
-          <div>
-            <Logo className={styles.logo} extra={'Settings'} size={36} type={'text'} />
-          </div>
-        </Flexbox>
-        <Flexbox gap={2} style={{ paddingInline: 8 }}>
-          <UpgradeAlert />
-          <List />
-        </Flexbox>
-      </DraggablePanelBody>
-    </FolderPanel>
-  );
-});
-
-export default SideBar;

package/src/app/settings/tts/index.tsx

@@ -1,21 +0,0 @@
-'use client';
-
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import PageTitle from '@/components/PageTitle';
-import { useSwitchSideBarOnInit } from '@/store/global/hooks/useSwitchSettingsOnInit';
-import { SettingsTabs } from '@/store/global/initialState';
-
-import TTS from './TTS';
-
-export default memo(() => {
-  useSwitchSideBarOnInit(SettingsTabs.TTS);
-  const { t } = useTranslation('setting');
-  return (
-    <>
-      <PageTitle title={t('tab.llm')} />
-      <TTS />
-    </>
-  );
-});

package/src/store/global/hooks/useSwitchSettingsOnInit.ts

@@ -1,12 +0,0 @@
-import { useOnFinishHydrationGlobal } from '@/store/global';
-
-import { SettingsTabs } from '../initialState';
-
-/**
- * 切换设置侧边栏选项
- */
-export const useSwitchSideBarOnInit = (key: SettingsTabs) => {
-  useOnFinishHydrationGlobal((store) => {
-    store.switchSettingTabs(key);
-  });
-};

package/src/store/global/hooks/useSwitchSideBarOnInit.ts

@@ -1,13 +0,0 @@
-import { SidebarTabKey } from '../initialState';
-import { useGlobalStore } from '../store';
-import { useOnFinishHydrationGlobal } from './useOnFinishHydrationGlobal';
-
-/**
- * 切换侧边栏选项
- * @desc 只会在应用初始化时（且水合后）执行一次
- */
-export const useSwitchSideBarOnInit = (key: SidebarTabKey) => {
-  useOnFinishHydrationGlobal(() => {
-    useGlobalStore.getState().switchSideBar(key);
-  });
-};