Refactor: standardize quotes and clean up configuration files

- Updated all files to use single quotes for consistency.
- Removed unnecessary ignore entries in biome.json.
- Cleaned up imports and formatting across various components and pages.
- Ensured uniformity in string handling and type definitions throughout the codebase.

Author: sunnylqm

biome.json

@@ -1,7 +1,5 @@
 {
-  "files": {
-    "ignore": ["dist"]
-  },
+  "files": {},
   "linter": {
     "enabled": true,
     "rules": {

rsbuild.config.ts

@@ -1,24 +1,24 @@
-import { defineConfig } from "@rsbuild/core";
-import { pluginReact } from "@rsbuild/plugin-react";
-import { pluginSass } from "@rsbuild/plugin-sass";
-import { pluginSvgr } from "@rsbuild/plugin-svgr";
+import { defineConfig } from '@rsbuild/core';
+import { pluginReact } from '@rsbuild/plugin-react';
+import { pluginSass } from '@rsbuild/plugin-sass';
+import { pluginSvgr } from '@rsbuild/plugin-svgr';
 
 export default defineConfig({
   html: {
-    template: "./index.html",
-    favicon: "./src/assets/favicon.svg",
+    template: './index.html',
+    favicon: './src/assets/favicon.svg',
   },
   source: {
     entry: {
-      index: "./src/index.tsx",
+      index: './src/index.tsx',
     },
   },
   plugins: [
     pluginReact(),
     pluginSass(),
     pluginSvgr({
       svgrOptions: {
-        exportType: "named",
+        exportType: 'named',
       },
     }),
   ],

src/components/error-boundary.tsx

@@ -1,6 +1,6 @@
-import { Button, Result } from "antd";
-import { useEffect } from "react";
-import { useNavigate, useRouteError } from "react-router-dom";
+import { Button, Result } from 'antd';
+import { useEffect } from 'react';
+import { useNavigate, useRouteError } from 'react-router-dom';
 
 interface ChunkError extends Error {
   __webpack_chunkName?: string;
@@ -10,13 +10,13 @@ export function ErrorBoundary() {
   const error = useRouteError() as ChunkError;
   const navigate = useNavigate();
 
-  const message = error?.message || "";
+  const message = error?.message || '';
 
   const isChunkError =
     message &&
-    (message.includes("Loading CSS chunk") ||
-      message.includes("Loading chunk") ||
-      message.includes("ChunkLoadError"));
+    (message.includes('Loading CSS chunk') ||
+      message.includes('Loading chunk') ||
+      message.includes('ChunkLoadError'));
 
   useEffect(() => {
     if (isChunkError) {
@@ -29,14 +29,14 @@ export function ErrorBoundary() {
   };
 
   const handleGoHome = () => {
-    navigate("/");
+    navigate('/');
   };
 
   return (
     <Result
       status="500"
       title="页面出错了"
-      subTitle={message || "发生了未知错误"}
+      subTitle={message || '发生了未知错误'}
       extra={
         <>
           <Button type="primary" onClick={handleRetry}>

src/components/footer.tsx

@@ -1,4 +1,4 @@
-import { Layout, Typography } from "antd";
+import { Layout, Typography } from 'antd';
 
 const Footer = () => (
   <Layout.Footer className="text-center">

src/components/index.ts

@@ -1,2 +1,2 @@
-export { ErrorBoundary } from "./error-boundary";
-export { default as Footer } from "./footer";
+export { ErrorBoundary } from './error-boundary';
+export { default as Footer } from './footer';

src/components/main-layout.tsx

@@ -4,14 +4,14 @@ import {
   LogoutOutlined,
   ReadOutlined,
   UserOutlined,
-} from "@ant-design/icons";
-import { Layout, Menu, message, Row } from "antd";
-import type { ReactNode } from "react";
-import { Outlet } from "react-router-dom";
-import { logout } from "@/services/auth";
-import { useUserInfo } from "@/utils/hooks";
-import Footer from "./footer";
-import Sider from "./sider";
+} from '@ant-design/icons';
+import { Layout, Menu, message, Row } from 'antd';
+import type { ReactNode } from 'react';
+import { Outlet } from 'react-router-dom';
+import { logout } from '@/services/auth';
+import { useUserInfo } from '@/utils/hooks';
+import Footer from './footer';
+import Sider from './sider';
 
 interface Style {
   header: React.CSSProperties;
@@ -32,7 +32,7 @@ const MainLayout = () => {
               selectable={false}
               items={[
                 {
-                  key: "issues",
+                  key: 'issues',
                   icon: <CommentOutlined />,
                   label: (
                     <ExtLink href="https://github.com/reactnativecn/react-native-pushy/issues">
@@ -41,7 +41,7 @@ const MainLayout = () => {
                   ),
                 },
                 {
-                  key: "document",
+                  key: 'document',
                   icon: <ReadOutlined />,
                   label: (
                     <ExtLink href="https://pushy.reactnative.cn/docs/getting-started.html">
@@ -50,7 +50,7 @@ const MainLayout = () => {
                   ),
                 },
                 {
-                  key: "about",
+                  key: 'about',
                   icon: <InfoCircleOutlined />,
                   label: (
                     <ExtLink href="https://reactnative.cn/about.html">
@@ -61,17 +61,17 @@ const MainLayout = () => {
                 ...(user
                   ? [
                       {
-                        key: "user",
+                        key: 'user',
                         icon: <UserOutlined />,
                         label: user.name,
                         children: [
                           {
-                            key: "logout",
+                            key: 'logout',
                             icon: <LogoutOutlined />,
-                            label: "退出登录",
+                            label: '退出登录',
                             onClick: () => {
                               logout();
-                              message.info("您已退出登录");
+                              message.info('您已退出登录');
                             },
                           },
                         ],
@@ -113,17 +113,17 @@ const ExtLink = ({ children, href }: ExtLinkProps) => (
 
 const style: Style = {
   header: {
-    background: "#fff",
+    background: '#fff',
     height: 48,
-    lineHeight: "46px",
-    boxShadow: "2px 1px 4px rgba(0, 21, 41, 0.08)",
+    lineHeight: '46px',
+    boxShadow: '2px 1px 4px rgba(0, 21, 41, 0.08)',
     zIndex: 1,
   },
   body: {
-    overflow: "auto",
-    position: "relative",
-    display: "flex",
-    flexDirection: "column",
+    overflow: 'auto',
+    position: 'relative',
+    display: 'flex',
+    flexDirection: 'column',
     paddingBottom: 0,
   },
 };

src/components/platform-icon.tsx

@@ -1,25 +1,25 @@
-import { cn } from "@/utils/helper";
 import {
   AndroidFilled,
   AppleFilled,
   HarmonyOSOutlined,
-} from "@ant-design/icons";
+} from '@ant-design/icons';
+import { cn } from '@/utils/helper';
 
 export default function PlatformIcon({
   platform,
   className,
 }: {
-  platform?: "android" | "ios" | "harmony";
+  platform?: 'android' | 'ios' | 'harmony';
   className?: string;
 }) {
   if (!platform) {
     return null;
   }
-  if (platform === "android") {
-    return <AndroidFilled className={cn("text-[#3ddc84]!", className)} />;
+  if (platform === 'android') {
+    return <AndroidFilled className={cn('text-[#3ddc84]!', className)} />;
   }
-  if (platform === "ios") {
-    return <AppleFilled className={cn("text-[#a6b1b7]!", className)} />;
+  if (platform === 'ios') {
+    return <AppleFilled className={cn('text-[#a6b1b7]!', className)} />;
   }
-  return <HarmonyOSOutlined className={cn("text-[#a6b1b7]!", className)} />;
+  return <HarmonyOSOutlined className={cn('text-[#a6b1b7]!', className)} />;
 }