🎨 chore: 添加触摸空状态提示

lobehub · Jul 14, 2024 · 14084ff · 14084ff
1 parent cf9e64e
commit 14084ff
Show file tree

Hide file tree

Showing 7 changed files with 42 additions and 13 deletions.
diff --git a/src/app/settings/Settings/touch/ActionList/List/FemaleList.tsx b/src/app/settings/Settings/touch/ActionList/List/FemaleList.tsx
@@ -1,3 +1,4 @@
+import { Empty } from 'antd';
 import { isEqual } from 'lodash-es';
 import React, { memo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -16,19 +17,19 @@ interface AreaListProps {
 
 const AreaList = memo((props: AreaListProps) => {
   const { currentTouchArea } = props;
-  const female = useSettingStore(
+  const items = useSettingStore(
     (s) => configSelectors.getTouchActionsByGenderAndArea(s, GenderEnum.FEMALE, currentTouchArea),
     isEqual,
   );
-  const { t } = useTranslation('features');
+  const { t } = useTranslation(['features', 'panel']);
 
   return (
     <>
       <Header
         title={t('agent.female')}
         extra={<AddOrEdit isEdit={false} touchArea={currentTouchArea} gender={GenderEnum.FEMALE} />}
       />
-      {female.map((item, index) => {
+      {items.map((item, index) => {
         return (
           <ListItem
             item={item}
@@ -39,6 +40,12 @@ const AreaList = memo((props: AreaListProps) => {
           />
         );
       })}
+      {items.length === 0 && (
+        <Empty
+          description={t('touch.noTouchActions', { ns: 'panel' })}
+          image={Empty.PRESENTED_IMAGE_SIMPLE}
+        />
+      )}
     </>
   );
 });

diff --git a/src/app/settings/Settings/touch/ActionList/List/MaleList.tsx b/src/app/settings/Settings/touch/ActionList/List/MaleList.tsx
@@ -1,3 +1,4 @@
+import { Empty } from 'antd';
 import { isEqual } from 'lodash-es';
 import React, { memo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -16,19 +17,19 @@ interface AreaListProps {
 
 const AreaList = memo((props: AreaListProps) => {
   const { currentTouchArea } = props;
-  const touchList = useSettingStore(
+  const items = useSettingStore(
     (s) => configSelectors.getTouchActionsByGenderAndArea(s, GenderEnum.MALE, currentTouchArea),
     isEqual,
   );
-  const { t } = useTranslation('features');
+  const { t } = useTranslation(['features', 'panel']);
 
   return (
     <>
       <Header
         title={t('agent.male')}
         extra={<AddOrEdit isEdit={false} touchArea={currentTouchArea} gender={GenderEnum.MALE} />}
       />
-      {touchList.map((item, index) => {
+      {items.map((item, index) => {
         return (
           <ListItem
             item={item}
@@ -39,6 +40,12 @@ const AreaList = memo((props: AreaListProps) => {
           />
         );
       })}
+      {items.length === 0 && (
+        <Empty
+          description={t('touch.noTouchActions', { ns: 'panel' })}
+          image={Empty.PRESENTED_IMAGE_SIMPLE}
+        />
+      )}
     </>
   );
 });

diff --git a/src/app/settings/Settings/touch/ActionList/List/OtherList.tsx b/src/app/settings/Settings/touch/ActionList/List/OtherList.tsx
@@ -1,3 +1,4 @@
+import { Empty } from 'antd';
 import { isEqual } from 'lodash-es';
 import React, { memo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -16,19 +17,19 @@ interface AreaListProps {
 
 const AreaList = memo((props: AreaListProps) => {
   const { currentTouchArea } = props;
-  const touchList = useSettingStore(
+  const items = useSettingStore(
     (s) => configSelectors.getTouchActionsByGenderAndArea(s, GenderEnum.OTHER, currentTouchArea),
     isEqual,
   );
-  const { t } = useTranslation('features');
+  const { t } = useTranslation(['features', 'panel']);
 
   return (
     <>
       <Header
         title={t('agent.other')}
         extra={<AddOrEdit isEdit={false} touchArea={currentTouchArea} gender={GenderEnum.OTHER} />}
       />
-      {touchList.map((item, index) => {
+      {items.map((item, index) => {
         return (
           <ListItem
             item={item}
@@ -39,6 +40,12 @@ const AreaList = memo((props: AreaListProps) => {
           />
         );
       })}
+      {items.length === 0 && (
+        <Empty
+          description={t('touch.noTouchActions', { ns: 'panel' })}
+          image={Empty.PRESENTED_IMAGE_SIMPLE}
+        />
+      )}
     </>
   );
 });

diff --git a/src/features/MarketInfo/actions/UnSubscribe.tsx b/src/features/MarketInfo/actions/UnSubscribe.tsx
@@ -23,8 +23,9 @@ const UnSubscribe = memo((props: UnSubscribeButtonProps) => {
       cancelText={t('cancel')}
       description={t('delRoleDesc', { name: agent?.meta.name, ns: 'role' })}
       key="delete"
+      overlayStyle={{ width: 416 }}
       okText={t('confirm')}
-      okButtonProps={{ loading: loading }}
+      okButtonProps={{ loading: loading, danger: true }}
       onConfirm={async () => {
         if (!agent) return;
         setLoading(true);

diff --git a/src/locales/default/panel.ts b/src/locales/default/panel.ts
@@ -53,6 +53,7 @@ export default {
     inputActionEmotion: '请输入角色响应时的表情',
     touchActionList: '触摸{{touchArea}}时的反应列表',
     touchArea: '触摸区域',
+    noTouchActions: "暂无自定义响应动作，你可以通过点击 '+' 按钮添加",
   },
   upload: {
     support: '支持单个文件上传，当前仅支持 .vrm 格式文件',

diff --git a/src/panels/RolePanel/RoleEdit/Touch/ActionList/index.tsx b/src/panels/RolePanel/RoleEdit/Touch/ActionList/index.tsx
@@ -1,3 +1,4 @@
+import { Empty } from 'antd';
 import { createStyles } from 'antd-style';
 import classNames from 'classnames';
 import { get } from 'lodash-es';
@@ -43,7 +44,9 @@ const AreaList = (props: AreaListProps) => {
   const { currentTouchArea, style, className, areaOptions = [] } = props;
   const [currentAgentTouch] = useAgentStore((s) => [agentSelectors.currentAgentTouch(s)]);
   const { t } = useTranslation('panel');
-  const data = currentAgentTouch ? (get(currentAgentTouch, currentTouchArea) as TouchAction[]) : [];
+  const items = currentAgentTouch
+    ? (get(currentAgentTouch, currentTouchArea) as TouchAction[])
+    : [];
 
   const touchArea = areaOptions.find((item) => item.value === currentTouchArea)?.label;
 
@@ -53,7 +56,7 @@ const AreaList = (props: AreaListProps) => {
         title={t('touch.touchActionList', { touchArea })}
         extra={<AddOrEdit isEdit={false} touchArea={currentTouchArea} />}
       />
-      {data.map((item, index) => {
+      {items.map((item, index) => {
         return (
           <ListItem
             key={`${item.text}_${index}`}
@@ -79,6 +82,9 @@ const AreaList = (props: AreaListProps) => {
           />
         );
       })}
+      {items.length === 0 && (
+        <Empty description={t('touch.noTouchActions')} image={Empty.PRESENTED_IMAGE_SIMPLE} />
+      )}
     </Flexbox>
   );
 };

diff --git a/src/store/session/index.ts b/src/store/session/index.ts
@@ -403,7 +403,7 @@ export const createSessionStore: StateCreator<SessionStore, [['zustand/devtools'
     set({ sessionList: sessions });
 
     if (activeId === id) {
-      set({ activeId: sessions[0]?.agentId });
+      set({ activeId: LOBE_VIDOL_DEFAULT_AGENT_ID });
     }
   },
   sendMessage: async (message: string) => {