feat: workspace router

packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/WorkspaceItem/WorkspaceItem.tsx

@@ -1,3 +1,4 @@
+import { useRouter } from 'next/router';
 import { styled } from '@/styles';
 import {
   WorkspaceItemAvatar,
@@ -13,9 +14,15 @@ interface WorkspaceItemProps {
   icon: string;
 }
 
-export const WorkspaceItem = ({ name, icon }: WorkspaceItemProps) => {
+export const WorkspaceItem = ({ id, name, icon }: WorkspaceItemProps) => {
+  const router = useRouter();
+
   return (
-    <StyledWrapper>
+    <StyledWrapper
+      onClick={() => {
+        router.push(`/workspace/${id}`);
+      }}
+    >
       <WorkspaceItemAvatar alt={name} src={icon}>
         {name.charAt(0)}
       </WorkspaceItemAvatar>

packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx

@@ -8,6 +8,7 @@ export const WorkspaceSelector = () => {
       content={<SelectorPopperContent />}
       zIndex={1000}
       placement="bottom-start"
+      trigger="hover"
     >
       <SelectorWrapper>
         <Avatar alt="Affine" />