fixed bugs

components/Live.tsx

@@ -207,7 +207,7 @@ const Live = ({ canvasRef, undo, redo }: Props) => {
   return (
     <ContextMenu>
       <ContextMenuTrigger
-        className="relative flex h-full w-full flex-1 items-center justify-center"
+        className="relative flex h-full w-full flex-1 items-center justify-center overflow-scroll"
         id="canvas"
         style={{
           cursor: cursorState.mode === CursorMode.Chat ? "none" : "auto",

components/card-base.tsx

@@ -10,7 +10,7 @@ const CardBase= () => {
   <div className="flex flex-col gap-4 border-4 border-b-8 border-blue-500 shadow-lg p-4 bg-white rounded-md transform transition-transform duration-300 hover:scale-105 hover:shadow-2xl hover:rotate-2 min-w-56">
     <Image src="/onchain-summer.png" alt={"Onchain Summer"} width={200} height={200}       
     />
-    <h3 className="text-teal-900 text-center typewriter font-bold">OnChain Summer</h3>
+    <h3 className="text-teal-900 text-center typewriter font-bold">Onchain Summer</h3>
     <Link href={'/onchain-summer'}>
       <Button variant={'secondary'}>Let's Play</Button>
     </Link>

components/header.tsx

@@ -27,9 +27,11 @@ export default function Header() {
               <Button variant={'primary'}>Dashboard</Button>
             </Link>
           )}
-          <Hint side="left" label={"Login with email or Farcaster is enabled for allowlisted emails and FIDs"}>
-            <Info size={24} />
+          {!isLoggedIn && (
+            <Hint side="left" label={"Login with email or Farcaster is enabled for allowlisted emails and FIDs"}>
+              <Info size={24} />
           </Hint>
+          )}
           <DynamicWidget />
       </div>
       </div>

lib/key-events.ts

@@ -93,44 +93,41 @@ export const handleKeyDown = ({
   syncShapeInStorage: (shape: fabric.Object) => void;
   deleteShapeFromStorage: (id: string) => void;
 }) => {
+  const activeElement = document.activeElement;
+  const isInputField = activeElement && (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA' || activeElement.isContentEditable);
+
   if ((e.ctrlKey || e.metaKey) && e.key === 'c') {
     e.preventDefault();
     handleCopy(canvas);
   }
 
-  // Check if the key pressed is ctrl/cmd + v (paste)
   if ((e.ctrlKey || e.metaKey) && e.key === 'v') {
     e.preventDefault();
     handlePaste(canvas, syncShapeInStorage);
   }
 
-  // Check if the key pressed is delete/backspace (delete)
-  if (e.key === 'Delete' || e.key === 'Backspace') {
+  if ((e.key === 'Delete' || e.key === 'Backspace') && !isInputField) {
     e.preventDefault();
     handleDelete(canvas, deleteShapeFromStorage);
   }
 
-  // Check if the key pressed is ctrl/cmd + x (cut)
   if ((e.ctrlKey || e.metaKey) && e.key === 'x') {
     e.preventDefault();
     handleCopy(canvas);
     handleDelete(canvas, deleteShapeFromStorage);
   }
 
-  // Check if the key pressed is ctrl/cmd + z (undo)
   if ((e.ctrlKey || e.metaKey) && e.key === 'z') {
     e.preventDefault();
     undo();
   }
 
-  // Check if the key pressed is ctrl/cmd + y (redo)
   if ((e.ctrlKey || e.metaKey) && e.key === 'y') {
     e.preventDefault();
     redo();
   }
 
-  // Prevent default for '?' key
   if (e.key === '/' && !e.shiftKey) {
     e.preventDefault();
   }
-};
+};