From 2e4947a4f48d850df2cff124b95104005efed507 Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@freewheel.tv>
Date: Thu, 10 Nov 2022 17:25:26 +0800
Subject: [PATCH] fix(whiteboard): dev warnings

---
 .../apps/tldraw-logseq/src/components/inputs/ColorInput.tsx  | 5 ++---
 tldraw/apps/tldraw-logseq/src/styles.css                     | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/tldraw/apps/tldraw-logseq/src/components/inputs/ColorInput.tsx b/tldraw/apps/tldraw-logseq/src/components/inputs/ColorInput.tsx
index 7ca2701748..ad2b056fef 100644
--- a/tldraw/apps/tldraw-logseq/src/components/inputs/ColorInput.tsx
+++ b/tldraw/apps/tldraw-logseq/src/components/inputs/ColorInput.tsx
@@ -35,9 +35,7 @@ export function ColorInput({
 
   return (
     <Popover.Root>
-      <Popover.Trigger>
-        <button className="tl-color-drip mx-1">{renderColor(color)}</button>
-      </Popover.Trigger>
+      <Popover.Trigger className="tl-color-drip mx-1">{renderColor(color)}</Popover.Trigger>
 
       <Popover.Content
         className="tl-popover-content"
@@ -48,6 +46,7 @@ export function ColorInput({
         <div className={'tl-color-palette'}>
           {Object.values(Color).map(value => (
             <button
+              key={value}
               className={`tl-color-drip m-1${value === color ? ' active' : ''}`}
               onClick={() => setColor(value)}
             >
diff --git a/tldraw/apps/tldraw-logseq/src/styles.css b/tldraw/apps/tldraw-logseq/src/styles.css
index e248a1c909..079f1a31f4 100644
--- a/tldraw/apps/tldraw-logseq/src/styles.css
+++ b/tldraw/apps/tldraw-logseq/src/styles.css
@@ -235,7 +235,7 @@ html[data-theme='light'] {
 }
 
 .tl-statusbar {
-  @apply absolute flex items-center w-full bottom-0;
+  @apply fixed flex items-center w-full bottom-0;
 
   font-family: monospace;
   font-size: 10px;