Develop (#55)

feat: optimize dashboard/search UX and simplify extension architecture Redesign Dashboard with compact tool grid and recently used tools Improve TopBar search UX with Cmd/Ctrl+K shortcut and better history navigation Reorganize project structure into src/ Migrate i18n from react-i18next to chrome.i18n Remove runtime language switch and settings page Remove HTML/Markdown conversion tools Clean up unused code, dead animations, redundant comments, and imports Improve component consistency with shadcn/ui patterns Replace hardcoded strings/colors with i18n tokens and theme tokens Add comprehensive project documentation and coding standards Fix CI artifact upload workflow and multiple TypeScript/test issues Includes various refactors, UI polish, i18n cleanup, CI improvements, and maintenance updates across the codebase.
2026-05-28 22:39:25 +08:00
parent d4c29a1bf4
commit 945780def8
200 changed files with 1557 additions and 4380 deletions
@@ -0,0 +1,46 @@
+import SwitchButtonGroup from '@/components/SwitchButtonGroup';
+
+import { useI18n } from '@/utils/chromeI18n';
+import { QrCodeContext } from './contexts/QrCodeContext';
+import { useQrCode } from './hooks/useQrCode';
+import GeneratePanel from './components/GeneratePanel';
+import ParsePanel from './components/ParsePanel';
+import type { QrCodeMode } from './types';
+
+export default function Index() {
+  const { t } = useI18n('qrCode');
+  const qrCode = useQrCode();
+
+  // 模式选项驱动骨架
+  const modeOptions = [
+    { value: 'generate' as QrCodeMode, label: t('qrCode:urlToQr') },
+    { value: 'parse' as QrCodeMode, label: t('qrCode:qrToUrl') },
+  ];
+
+  return (
+    <QrCodeContext.Provider value={qrCode}>
+      <div className="p-4 w-full flex flex-col space-y-4 min-h-[500px] select-none">
+        <div className="w-full sm:w-fit pt-0.5">
+          <SwitchButtonGroup
+            value={qrCode.mode}
+            options={modeOptions}
+            onChange={qrCode.setMode}
+            size="small"
+          />
+        </div>
+
+        <div className="w-full pt-1.5">
+          {qrCode.mode === 'generate' ? (
+            <div>
+              <GeneratePanel />
+            </div>
+          ) : (
+            <div>
+              <ParsePanel />
+            </div>
+          )}
+        </div>
+      </div>
+    </QrCodeContext.Provider>
+  );
+}