last batch of fixes

coder · aslilac · Dec 4, 2023 · Nov 21, 2023 · Nov 21, 2023 · Nov 22, 2023
commit cb0de8dac96f8ae693daa02f23a318b3326923c0
diff --git a/site/src/components/Dashboard/DashboardLayout.tsx b/site/src/components/Dashboard/DashboardLayout.tsx
@@ -81,12 +81,12 @@ export const DashboardLayout: FC = () => {
                   color: theme.palette.info.light,
                 })}
               />
-              <div>
+              <p>
                 Coder {updateCheck.data?.version} is now available. View the{" "}
                 <Link href={updateCheck.data?.url}>release notes</Link> and{" "}
                 <Link href={docs("/admin/upgrade")}>upgrade instructions</Link>{" "}
                 for more information.
-              </div>
+              </p>
             </div>
           }
           action={

diff --git a/site/src/components/Dashboard/Navbar/NavbarView.tsx b/site/src/components/Dashboard/Navbar/NavbarView.tsx
@@ -280,7 +280,7 @@ const ProxyMenu: FC<ProxyMenuProps> = ({ proxyContextValue }) => {
           css={{
             width: "100%",
             fontSize: 14,
-            padding: 8,
+            padding: 16,
             maxWidth: "320px",
             lineHeight: "140%",
           }}
@@ -331,9 +331,7 @@ const ProxyMenu: FC<ProxyMenuProps> = ({ proxyContextValue }) => {
               }}
               key={proxy.id}
               selected={proxy.id === selectedProxy?.id}
-              css={{
-                fontSize: 14,
-              }}
+              css={{ fontSize: 14 }}
             >
               <div
                 css={{

diff --git a/site/src/components/Dashboard/useUpdateCheck.test.tsx b/site/src/components/Dashboard/useUpdateCheck.test.tsx
@@ -1,14 +1,14 @@
 import { act, renderHook, waitFor } from "@testing-library/react";
 import { useUpdateCheck } from "./useUpdateCheck";
 import { QueryClient, QueryClientProvider } from "react-query";
-import { type PropsWithChildren } from "react";
+import { type FC, type PropsWithChildren } from "react";
 import { rest } from "msw";
 import { MockUpdateCheck } from "testHelpers/entities";
 import { server } from "testHelpers/server";
 
-const createWrapper = () => {
+const createWrapper = (): FC<PropsWithChildren> => {
   const queryClient = new QueryClient();
-  return ({ children }: PropsWithChildren) => (
+  return ({ children }) => (
     <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
   );
 };

diff --git a/site/src/pages/TemplatePage/TemplateInsightsPage/WeekPicker.tsx b/site/src/pages/TemplatePage/TemplateInsightsPage/WeekPicker.tsx
@@ -3,7 +3,7 @@ import ExpandMoreOutlined from "@mui/icons-material/ExpandMoreOutlined";
 import Button from "@mui/material/Button";
 import Menu from "@mui/material/Menu";
 import MenuItem from "@mui/material/MenuItem";
-import { useState, useRef, FC } from "react";
+import { type FC, useState, useRef } from "react";
 import { DateRangeValue } from "./DateRange";
 import { differenceInWeeks } from "date-fns";
 import { lastWeeks } from "./utils";

diff --git a/site/src/pages/TemplateSettingsPage/TemplateSchedulePage/ScheduleDialog.tsx b/site/src/pages/TemplateSettingsPage/TemplateSchedulePage/ScheduleDialog.tsx
@@ -98,7 +98,7 @@ export const ScheduleDialog: FC<PropsWithChildren<ScheduleDialogProps>> = ({
                   template workspaces?
                 </p>
                 <FormControlLabel
-                  css={{ marginTop: 2 }}
+                  css={{ marginTop: 16 }}
                   control={
                     <Checkbox
                       size="small"