Function ActivityBar

src/renderer/src/components/layout/activitybar/index.tsx:31–94

()

]

export function ActivityBar(): React.JSX.Element {
  const { activePanel, sidebarVisible, setActivePanel } = useLayoutStore()
  const { accounts, currentAccountId } = useAccountStore()
  const currentAccount = accounts.find((a) => a.id === currentAccountId)
  const avatarConfig = getAvatarConfig(currentAccount?.avatar)
  const [userPopoverOpen, setUserPopoverOpen] = useState(false)
  const [workspacePopoverOpen, setWorkspacePopoverOpen] = useState(false)

  return (
    <Flex className="activity-bar" vertical justify="space-between">
      <Flex vertical>
        {activities.map((item) => (
          <Tooltip key={item.key} title={item.title} placement="right">
            <button
              className={`activity-bar-item ${activePanel === item.key && sidebarVisible ? 'active' : ''}`}
              onClick={() => setActivePanel(item.key)}
            >
              {item.icon}
            </button>
          </Tooltip>
        ))}
      </Flex>
      <Flex vertical className="activity-bar-bottom">
        <Popover
          content={<WorkspaceCard onClose={() => setWorkspacePopoverOpen(false)} />}
          trigger="click"
          placement="rightBottom"
          arrow={false}
          open={workspacePopoverOpen}
          onOpenChange={setWorkspacePopoverOpen}
          destroyOnHidden
        >
          <Tooltip title="工作区" placement="right">
            <button className="activity-bar-item">
              <FolderOutlined />
            </button>
          </Tooltip>
        </Popover>
        <Tooltip title="设置" placement="right">
          <button className="activity-bar-item" onClick={() => openSettings()}>
            <SettingOutlined />
          </button>
        </Tooltip>
        <Popover
          content={<UserProfileCard onClose={() => setUserPopoverOpen(false)} />}
          trigger="click"
          placement="rightBottom"
          arrow={false}
          open={userPopoverOpen}
          onOpenChange={setUserPopoverOpen}
          destroyOnHidden
        >
          <button className="activity-bar-item activity-bar-avatar">
            <Avatar
              size={28}
              icon={<avatarConfig.icon />}
              style={{ backgroundColor: avatarConfig.color }}
            />