From 3155029673de52fd45e8b266642b0bc34ccecf15 Mon Sep 17 00:00:00 2001
From: Neill Robson <neill.robson@pendo.io>
Date: Thu, 13 Jun 2024 14:04:45 -0400
Subject: [PATCH] Remove homepage search, add TODO

---
 README.md              |  4 +++-
 src/views/HomePage.vue | 22 +++++-----------------
 2 files changed, 8 insertions(+), 18 deletions(-)

diff --git a/README.md b/README.md
index dba138a..3c71e84 100644
--- a/README.md
+++ b/README.md
@@ -168,7 +168,9 @@ Merges to the `main` branch automatically trigger the site's deployment to Githu
 
 The following items were stretch goals for Carrie and Neill during the 25.1 hackathon that were not completed:
 
-- [ ] Implement the search bar functionality on the homepage and sidebar
+- [ ] Flesh out the homepage with search bar and links to top-level pages. Figma designs for the homepage are [here](https://www.figma.com/design/VvIdJrQwAiip94MOReeghV/%F0%9F%8C%88-2024-Prism-Site?node-id=1105-7744&t=4Ieo0YmZOyIwBtwZ-4).
+  This unit of work won't make sense to complete until there is content in the top-level pages (such as "About Prism", "Product design principles", etc).
+- [x] Implement the search bar functionality on the sidebar
 - [ ] Automatic generation of links in the sidebar based on URL routes
 - [ ] Auto-expand the sidebar sections to the currently-active route
 - [ ] Add a right-hand sidebar with the table of contents for the current page. Clicking on the entries links to the relevant Markdown heading. Figma designs for this sidebar are [here](https://www.figma.com/design/VvIdJrQwAiip94MOReeghV/%F0%9F%8C%88-2024-Prism-Site?node-id=1106-7755&t=hdnic9Lg9Eg7iv8S-0).
diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
index e6579c1..c50e744 100644
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@@ -6,28 +6,16 @@
             foundation, allowing us to design, collaborate, and build cleaner,
             faster, and better products.
         </p>
-        <div class="search">
-            <pendo-input
-                placeholder="Search for a component or token"
-                width="420px"
-            >
-                <template #prefix>
-                    <pendo-icon type="search" size="14" />
-                </template>
-            </pendo-input>
-        </div>
+        <p>
+            Search for a component or token in the left navigation to get
+            started!
+        </p>
     </div>
 </template>
 
 <script>
-import { PendoInput, PendoIcon } from '@pendo/components';
-
 export default {
-    name: 'HomePage',
-    components: {
-        PendoIcon,
-        PendoInput
-    }
+    name: 'HomePage'
 };
 </script>