From 366fdff5a863a972944247a418301da077999005 Mon Sep 17 00:00:00 2001
From: MingLiang Wang <mingliangwang0o0@gmail.com>
Date: Fri, 23 Dec 2022 17:42:34 +0800
Subject: [PATCH] feat: default icon

---
 .../WorkspaceItem/LoginItem.tsx               |  3 ++-
 .../WorkspaceSelector/WorkspaceSelector.tsx   |  6 +++--
 .../workspace-slider-bar/icons/icons.tsx      | 27 +++++++++++++++++++
 3 files changed, 33 insertions(+), 3 deletions(-)
 create mode 100644 packages/app/src/components/workspace-slider-bar/icons/icons.tsx

diff --git a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/LoginItem.tsx b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/LoginItem.tsx
index c800c31aee..93ad1f464f 100644
--- a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/LoginItem.tsx
+++ b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/LoginItem.tsx
@@ -1,5 +1,6 @@
 import { useModal } from '@/providers/global-modal-provider';
 import { styled } from '@/styles';
+import { AffineIcon } from '../../icons/icons';
 import {
   WorkspaceItemAvatar,
   LoginItemWrapper,
@@ -11,7 +12,7 @@ export const LoginItem = () => {
   return (
     <LoginItemWrapper onClick={() => triggerLoginModal()}>
       <WorkspaceItemAvatar alt="AFFiNE" src={''}>
-        A
+        <AffineIcon />
       </WorkspaceItemAvatar>
       <WorkspaceItemContent>
         <Name title="AFFiNE">AFFiNE</Name>
diff --git a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx
index e03a85ddfd..3c7d6bc3be 100644
--- a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx
+++ b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx
@@ -4,7 +4,7 @@ import { SelectorPopperContent } from './SelectorPopperContent';
 import { useState } from 'react';
 import { useAppState } from '@/providers/app-state-provider';
 import { WorkspaceType } from '@pathfinder/data-services';
-
+import { AffineIcon } from '../icons/icons';
 export const WorkspaceSelector = () => {
   const [isShow, setIsShow] = useState(false);
   const { currentWorkspace, workspacesMeta, currentWorkspaceId, user } =
@@ -21,7 +21,9 @@ export const WorkspaceSelector = () => {
       onVisibleChange={setIsShow}
     >
       <SelectorWrapper data-testid="current-workspace">
-        <Avatar alt="Affine" src={currentWorkspace?.meta.avatar || ''} />
+        <Avatar alt="Affine" src={currentWorkspace?.meta.avatar || ''}>
+          <AffineIcon />
+        </Avatar>
         <WorkspaceName>
           {currentWorkspace?.meta.name ||
             (workspaceMeta?.type === WorkspaceType.Private && user
diff --git a/packages/app/src/components/workspace-slider-bar/icons/icons.tsx b/packages/app/src/components/workspace-slider-bar/icons/icons.tsx
new file mode 100644
index 0000000000..2fee60b0f5
--- /dev/null
+++ b/packages/app/src/components/workspace-slider-bar/icons/icons.tsx
@@ -0,0 +1,27 @@
+export const AffineIcon = () => {
+  return (
+    <svg
+      width="40"
+      height="40"
+      viewBox="0 0 40 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect
+        x="0.5"
+        y="0.5"
+        width="39"
+        height="39"
+        rx="19.5"
+        stroke="#6880FF"
+        fill="#FFF"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M18.6303 8.79688L11.2559 29.8393H15.5752L20.2661 15.2858L24.959 29.8393H29.2637L21.8881 8.79688H18.6303Z"
+        fill="#6880FF"
+      />
+    </svg>
+  );
+};