From a06c659cc89ffa6e4daf7c7e81d11378af5d8859 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Tue, 13 Sep 2022 22:48:52 -0500
Subject: [PATCH] Add search page

---
 web/pages/experimental/home/index.tsx | 13 +++++++------
 web/pages/search.tsx                  | 25 +++++++++++++++++++++++++
 2 files changed, 32 insertions(+), 6 deletions(-)
 create mode 100644 web/pages/search.tsx

diff --git a/web/pages/experimental/home/index.tsx b/web/pages/experimental/home/index.tsx
index f8745a3c..2a9cdc68 100644
--- a/web/pages/experimental/home/index.tsx
+++ b/web/pages/experimental/home/index.tsx
@@ -102,7 +102,7 @@ function SearchSection(props: {
     <Col>
       <SectionHeader
         label={label}
-        href={`/home?s=${sort}${pill ? `&p=${pill}` : ''}`}
+        href={`/search?s=${sort}${pill ? `&p=${pill}` : ''}`}
       />
       <ContractSearch
         user={user}
@@ -185,11 +185,12 @@ function DailyProfitAndBalance(props: {
   const metrics = usePortfolioHistory(user?.id ?? '', 'daily') ?? []
   const [first, last] = [metrics[0], metrics[metrics.length - 1]]
 
-  if (first === undefined || last === undefined) return null
-
-  const profit =
-    calculatePortfolioProfit(last) - calculatePortfolioProfit(first)
-  const profitPercent = profit / first.investmentValue
+  let profit = 0
+  let profitPercent = 0
+  if (first && last) {
+    profit = calculatePortfolioProfit(last) - calculatePortfolioProfit(first)
+    profitPercent = profit / first.investmentValue
+  }
 
   return (
     <Row className={'gap-4'}>
diff --git a/web/pages/search.tsx b/web/pages/search.tsx
new file mode 100644
index 00000000..011f8c2e
--- /dev/null
+++ b/web/pages/search.tsx
@@ -0,0 +1,25 @@
+import { Page } from 'web/components/page'
+import { Col } from 'web/components/layout/col'
+import { ContractSearch } from 'web/components/contract-search'
+import { useTracking } from 'web/hooks/use-tracking'
+import { useUser } from 'web/hooks/use-user'
+import { usePrefetch } from 'web/hooks/use-prefetch'
+
+export default function Search() {
+  const user = useUser()
+  usePrefetch(user?.id)
+
+  useTracking('view search')
+
+  return (
+    <Page>
+      <Col className="mx-auto w-full p-2">
+        <ContractSearch
+          user={user}
+          persistPrefix="search"
+          useQueryUrlParam={true}
+        />
+      </Col>
+    </Page>
+  )
+}