nice stale state in main panel

packages/desktop/src/tree/protected/terminal/Terminal.tsx

@@ -8,6 +8,7 @@ import MasterLineData from '@nirvana/core/models/masterLineData.model';
 import useRooms from '../../../providers/RoomsProvider';
 import toast from 'react-hot-toast';
 import SidePanel from './panels/SidePanel';
+import MainPanel from './panels/MainPanel';
 
 export default function Terminal() {
   const { roomsMap } = useRealTimeRooms();
@@ -20,7 +21,7 @@ export default function Terminal() {
       <div className="flex flex-row flex-1">
         <SidePanel />
 
-        {/* <MainPanel /> */}
+        <MainPanel />
       </div>
     </div>
   );

packages/desktop/src/tree/protected/terminal/panels/MainPanel.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import useAuth from '../../../../providers/AuthProvider';
+
+export default function MainPanel() {
+  const { user } = useAuth();
+
+  return (
+    <div
+      className="flex flex-col flex-1 justify-center items-center bg-gray-100 
+border-l border-l-gray-200"
+    >
+      <span className="text-xl text-gray-800">{`Hi ${user.givenName}!`}</span>
+      <span className="text-md text-gray-400">{"You're all set!"}</span>
+    </div>
+  );
+}