From f59ff7ce9fc81949f732c39efd52c07dd635670d Mon Sep 17 00:00:00 2001
From: Hebi Li <lihebi.com@gmail.com>
Date: Fri, 7 Jul 2023 13:40:09 -0700
Subject: [PATCH] fix console errors from #328

---
 ui/src/components/Sidebar.tsx | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/ui/src/components/Sidebar.tsx b/ui/src/components/Sidebar.tsx
index 085a94a0..5fc1a1fc 100644
--- a/ui/src/components/Sidebar.tsx
+++ b/ui/src/components/Sidebar.tsx
@@ -188,7 +188,7 @@ function SidebarSettings() {
             <FormControlLabel
               control={
                 <Switch
-                  checked={(apiKey && autoCompletion) as boolean}
+                  checked={!!(apiKey && autoCompletion)}
                   size="small"
                   color="warning"
                   onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
@@ -208,16 +208,18 @@ function SidebarSettings() {
                     disableInteractive
                     sx={{ display: "inline" }}
                   >
-                    <IconButton
-                      size="small"
-                      sx={{ display: "inline" }}
-                      onClick={() => setSettingOpen(true)}
-                      disabled={isGuest}
-                    >
-                      <HelpOutlineOutlinedIcon
-                        sx={{ fontSize: 14 }}
-                      ></HelpOutlineOutlinedIcon>
-                    </IconButton>
+                    <Box>
+                      <IconButton
+                        size="small"
+                        sx={{ display: "inline" }}
+                        onClick={() => setSettingOpen(true)}
+                        disabled={isGuest}
+                      >
+                        <HelpOutlineOutlinedIcon
+                          sx={{ fontSize: 14 }}
+                        ></HelpOutlineOutlinedIcon>
+                      </IconButton>
+                    </Box>
                   </Tooltip>
                 </>
               }