Display project name

cguedes · cguedes · commit 8c593b9544a2 · 2023-09-01T16:30:21.000+01:00
diff --git a/src/application/sidebar/ExplorerPanel.tsx b/src/application/sidebar/ExplorerPanel.tsx
@@ -1,3 +1,6 @@
+import { useAtomValue } from 'jotai';
+
+import { projectNameAtom } from '../../atoms/projectState';
 import { CloseIcon, OpenIcon } from '../../components/icons';
 import { PanelWrapper } from '../../components/PanelWrapper';
 import { emitEvent } from '../../events';
@@ -7,13 +10,15 @@ export function ExplorerPanel() {
   const openProject = () => emitEvent('refstudio://menu/file/project/open');
   const closeProject = () => emitEvent('refstudio://menu/file/project/close');
 
+  const projectName = useAtomValue(projectNameAtom);
+
   return (
     <PanelWrapper
       actions={[
         { key: 'open', Icon: <OpenIcon />, title: 'Open Project', onClick: openProject },
         { key: 'close', Icon: <CloseIcon />, title: 'Close Project', onClick: closeProject },
       ]}
-      title="Project"
+      title={projectName}
     >
       <div className="flex flex-1 flex-col items-start gap-2 self-stretch overflow-y-auto overflow-x-hidden p-4 pt-2">
         <FileExplorer />
diff --git a/src/atoms/projectState.ts b/src/atoms/projectState.ts
@@ -17,6 +17,7 @@ const currentProjectIdAtom = atom('');
 // #####################################################################################
 export const isProjectOpenAtom = atom((get) => get(currentProjectPathAtom) !== '');
 export const projectPathAtom: Atom<string> = currentProjectPathAtom;
+export const projectNameAtom: Atom<string> = currentProjectNameAtom;
 export const projectIdAtom: Atom<string> = currentProjectIdAtom;
 
 export const newProjectAtom = atom(null, async (_, set, projectId: string, path: string, name: string) => {
