From e03eb2f3fdd53d631d6af61c07c11ac72d35a1c7 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Fri, 10 Dec 2021 00:27:44 -0800
Subject: [PATCH] Code cleanups

---
 web/pages/account.tsx         | 1 -
 web/pages/contract/index.tsx  | 4 ++--
 web/pages/simulator/index.tsx | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/web/pages/account.tsx b/web/pages/account.tsx
index cfcee79a..7487a48d 100644
--- a/web/pages/account.tsx
+++ b/web/pages/account.tsx
@@ -19,7 +19,6 @@ export default function Account() {
   return (
     <div className="relative overflow-hidden h-screen bg-cover bg-gray-900">
       <Header />
-      {/* <div className="flex items-center w-full h-max px-4 py-10 bg-cover card"> */}
       <div className="max-w-4xl my-20 mx-auto">
         <div>
           <div className="card glass lg:card-side text-neutral-content bg-gray-800 transition-all max-w-sm mx-auto my-20">
diff --git a/web/pages/contract/index.tsx b/web/pages/contract/index.tsx
index 561be370..8d321466 100644
--- a/web/pages/contract/index.tsx
+++ b/web/pages/contract/index.tsx
@@ -12,7 +12,7 @@ import {
 function ContractCard(props: { contract: Contract }) {
   const { contract } = props
   return (
-    <li key={contract.id}>
+    <li>
       <Link href={`/contract/${contract.id}`}>
         <a className="block hover:bg-gray-600">
           <div className="px-4 py-4 sm:px-6">
@@ -63,7 +63,7 @@ export function ContractList(props: { contracts: Contract[] }) {
     <div className="bg-gray-500 shadow overflow-hidden sm:rounded-md max-w-4xl w-full">
       <ul role="list" className="divide-y divide-gray-200">
         {contracts.map((contract) => (
-          <ContractCard contract={contract} />
+          <ContractCard contract={contract} key={contract.id} />
         ))}
       </ul>
     </div>
diff --git a/web/pages/simulator/index.tsx b/web/pages/simulator/index.tsx
index 5f57f49d..7697f6d6 100644
--- a/web/pages/simulator/index.tsx
+++ b/web/pages/simulator/index.tsx
@@ -249,7 +249,7 @@ export default function Simulator() {
   }
 
   return (
-    <div className="relative overflow-hidden h-screen bg-gray-900">
+    <div>
       <Header />
       <div className="grid grid-cols-1 xl:grid-cols-2 gap-4 mt-8 max-w-7xl mx-auto text-center">
         {/* Left column */}