feat: 更新ImportData组件以显示施工中状态；添加相关国际化文本

Author: Rabithua

web/src/components/experiment/importData.tsx

@@ -1,15 +1,10 @@
 import { Divider } from '@/components/ui/divider';
 import { useTranslation } from 'react-i18next';
-import { useEffect, useState } from 'react';
-import LoadingPlaceholder from '../others/LoadingPlaceholder';
 
 export default function ImportData() {
   const { t } = useTranslation('translation', {
     keyPrefix: 'pages.experiment.importData',
   });
-  const [loading] = useState(false);
-
-  useEffect(() => {}, []);
 
   return (
     <div className="noScrollBar relative aspect-square w-full overflow-x-hidden overflow-y-scroll p-4">
@@ -18,7 +13,10 @@ export default function ImportData() {
         <div className="text-info mt-2 text-sm font-normal">{t('description')}</div>
       </div>
       <Divider></Divider>
-      {loading ? <LoadingPlaceholder className="py-8" size={6} /> : null}
+      <div className="bg-background/90 absolute top-0 left-0 flex h-full w-full flex-col items-center justify-center gap-2 backdrop-blur-xl">
+        <div className="text-2xl">🚧</div>
+        <div>{t('notSupported')}</div>
+      </div>
     </div>
   );
 }

web/src/locales/en.json

@@ -219,7 +219,8 @@
       },
       "importData": {
         "title": "Data Import",
-        "description": "Import data from other note platforms."
+        "description": "Import data from other note platforms.",
+        "notSupported": "Currently not supported."
       },
       "serviceWorker": {
         "title": "ServiceWorker Notification",

web/src/locales/zh.json

@@ -223,7 +223,8 @@
       },
       "importData": {
         "title": "数据导入",
-        "description": "导入来自其他笔记平台的数据。"
+        "description": "导入来自其他笔记平台的数据。",
+        "notSupported": "导入数据功能施工中"
       },
       "serviceWorker": {
         "title": "ServiceWoker通知",

web/src/pages/home/index.tsx

@@ -31,7 +31,7 @@ function MainPageHeader({
       className="group bg-background sticky top-0 z-10 flex cursor-pointer items-center gap-2 p-4 py-4.5 font-light text-gray-600"
       onClick={refreshData}
     >
-      <Logo className="h-6 w-fit" color="#07C160" />
+      <Logo className="h-6 w-auto" color="#07C160" />
       <img
         className="text-theme mb-[2px] ml-2 h-4 opacity-0 duration-300 group-hover:opacity-100"
         src={slogenImg}