AppFlowy/frontend/appflowy_tauri/src/appflowy_app/components/layout/Workspace.tsx

import { useAppSelector } from '../../store';

export const Workspace = () => {
  const currentUser = useAppSelector((state) => state.currentUser);

  return (
    <div className={'flex items-center justify-between px-2 py-2'}>
      <button className={'flex items-center pl-4'}>
        <img className={'mr-2'} src={'/images/home/person.svg'} alt={'user'} />
        <span>{currentUser.displayName}</span>
      </button>
      <button className={'mr-2 rounded-lg p-2 hover:bg-surface-2'}>
        <img src={'/images/home/settings.svg'} alt={'settings'} />
      </button>
    </div>
  );
};