From 94b7ebe5e85a48600278789231d609d759874588 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Thu, 31 Mar 2022 01:38:57 -0700
Subject: [PATCH] Minor fixes: typo, React keys

---
 web/components/answers/answer-resolve-panel.tsx |  2 +-
 web/components/bets-list.tsx                    |  2 +-
 web/components/confirmation-button.tsx          | 16 ++++++++--------
 web/components/folds/create-fold-button.tsx     |  2 +-
 web/components/nav/sidebar.tsx                  |  2 +-
 web/components/resolution-panel.tsx             |  2 +-
 6 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/web/components/answers/answer-resolve-panel.tsx b/web/components/answers/answer-resolve-panel.tsx
index ae79cdf3..c2fbc341 100644
--- a/web/components/answers/answer-resolve-panel.tsx
+++ b/web/components/answers/answer-resolve-panel.tsx
@@ -99,7 +99,7 @@ export function AnswerResolvePanel(props: {
           <ResolveConfirmationButton
             onResolve={onResolve}
             isSubmitting={isSubmitting}
-            openModelButtonClass={resolutionButtonClass}
+            openModalButtonClass={resolutionButtonClass}
             submitButtonClass={resolutionButtonClass}
           />
         </Row>
diff --git a/web/components/bets-list.tsx b/web/components/bets-list.tsx
index 751b2691..60afd42c 100644
--- a/web/components/bets-list.tsx
+++ b/web/components/bets-list.tsx
@@ -582,7 +582,7 @@ function SellButton(props: { contract: Contract; bet: Bet }) {
   return (
     <ConfirmationButton
       id={`sell-${bet.id}`}
-      openModelBtn={{
+      openModalBtn={{
         className: clsx('btn-sm', isSubmitting && 'btn-disabled loading'),
         label: 'Sell',
       }}
diff --git a/web/components/confirmation-button.tsx b/web/components/confirmation-button.tsx
index 3911125b..5d685e11 100644
--- a/web/components/confirmation-button.tsx
+++ b/web/components/confirmation-button.tsx
@@ -2,7 +2,7 @@ import clsx from 'clsx'
 
 export function ConfirmationButton(props: {
   id: string
-  openModelBtn: {
+  openModalBtn: {
     label: string
     icon?: any
     className?: string
@@ -18,15 +18,15 @@ export function ConfirmationButton(props: {
   onSubmit: () => void
   children: any
 }) {
-  const { id, openModelBtn, cancelBtn, submitBtn, onSubmit, children } = props
+  const { id, openModalBtn, cancelBtn, submitBtn, onSubmit, children } = props
 
   return (
     <>
       <label
         htmlFor={id}
-        className={clsx('btn modal-button', openModelBtn.className)}
+        className={clsx('btn modal-button', openModalBtn.className)}
       >
-        {openModelBtn.icon} {openModelBtn.label}
+        {openModalBtn.icon} {openModalBtn.label}
       </label>
       <input type="checkbox" id={id} className="modal-toggle" />
 
@@ -55,18 +55,18 @@ export function ConfirmationButton(props: {
 export function ResolveConfirmationButton(props: {
   onResolve: () => void
   isSubmitting: boolean
-  openModelButtonClass?: string
+  openModalButtonClass?: string
   submitButtonClass?: string
 }) {
-  const { onResolve, isSubmitting, openModelButtonClass, submitButtonClass } =
+  const { onResolve, isSubmitting, openModalButtonClass, submitButtonClass } =
     props
   return (
     <ConfirmationButton
       id="resolution-modal"
-      openModelBtn={{
+      openModalBtn={{
         className: clsx(
           'border-none self-start',
-          openModelButtonClass,
+          openModalButtonClass,
           isSubmitting && 'btn-disabled loading'
         ),
         label: 'Resolve',
diff --git a/web/components/folds/create-fold-button.tsx b/web/components/folds/create-fold-button.tsx
index bc3151e2..0d71fa18 100644
--- a/web/components/folds/create-fold-button.tsx
+++ b/web/components/folds/create-fold-button.tsx
@@ -49,7 +49,7 @@ export function CreateFoldButton() {
   return (
     <ConfirmationButton
       id="create-fold"
-      openModelBtn={{
+      openModalBtn={{
         label: 'New',
         icon: <PlusCircleIcon className="mr-2 h-5 w-5" />,
         className: clsx(
diff --git a/web/components/nav/sidebar.tsx b/web/components/nav/sidebar.tsx
index cb7055df..d40873da 100644
--- a/web/components/nav/sidebar.tsx
+++ b/web/components/nav/sidebar.tsx
@@ -108,7 +108,7 @@ export default function Sidebar() {
 
       <div className="space-y-1 py-6">
         {navigation.map((item) => (
-          <SidebarItem item={item} currentPage={currentPage} />
+          <SidebarItem key={item.name} item={item} currentPage={currentPage} />
         ))}
 
         <MenuButton
diff --git a/web/components/resolution-panel.tsx b/web/components/resolution-panel.tsx
index 2469c8f1..533278e9 100644
--- a/web/components/resolution-panel.tsx
+++ b/web/components/resolution-panel.tsx
@@ -123,7 +123,7 @@ export function ResolutionPanel(props: {
       <ResolveConfirmationButton
         onResolve={resolve}
         isSubmitting={isSubmitting}
-        openModelButtonClass={clsx('w-full mt-2', submitButtonClass)}
+        openModalButtonClass={clsx('w-full mt-2', submitButtonClass)}
         submitButtonClass={submitButtonClass}
       />
     </Col>