feat: 添加GlobalLogo

Author: Ohh-889

src/layouts/modules/GlobalLogo.tsx

@@ -0,0 +1,31 @@
+import clsx from 'clsx';
+import { Link } from 'react-router-dom';
+import type { LinkProps } from 'react-router-dom';
+
+import SystemLogo from '@/components/SystemLogo';
+
+interface Props extends Omit<LinkProps, 'to'> {
+  /** Whether to show the title */
+  showTitle?: boolean;
+}
+const GlobalLogo: FC<Props> = memo(({ className, showTitle = true, ...props }) => {
+  const { t } = useTranslation();
+
+  return (
+    <Link
+      className={clsx('w-full flex-center nowrap-hidden', className)}
+      to="/"
+      {...props}
+    >
+      <SystemLogo className="text-32px text-primary" />
+      <h2
+        className="pl-8px text-16px text-primary font-bold transition duration-300 ease-in-out"
+        style={{ display: showTitle ? 'block' : 'none' }}
+      >
+        {t('system.title')}
+      </h2>
+    </Link>
+  );
+});
+
+export default GlobalLogo;