From 3fd7639fa06842df0034a0fbcd3501dd13c14022 Mon Sep 17 00:00:00 2001
From: jose-gonzalez1 <jose.gonz@csu.fullerton.edu>
Date: Sun, 29 Oct 2023 19:44:43 -0700
Subject: [PATCH] Reorganized some components.

---
 src/App.tsx                       | 5 -----
 src/components/AddNewItemCard.tsx | 4 ++--
 src/components/HomePage.tsx       | 7 ++-----
 src/components/ProfilePage.tsx    | 6 ++++++
 4 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index f8e1dbb..f00be75 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -69,11 +69,6 @@ function App() {
         >
           <Leaderboard />
         </Tab>
-
-        {/* Tab used to upload new images
-        <Tab eventKey="uploadItem" title="Upload">
-          <AddNewItemCard OnFormSubmit={addRatingItem} />
-        </Tab> */}
       </Tabs>
     </>
   );
diff --git a/src/components/AddNewItemCard.tsx b/src/components/AddNewItemCard.tsx
index dd2883a..af4bd12 100644
--- a/src/components/AddNewItemCard.tsx
+++ b/src/components/AddNewItemCard.tsx
@@ -98,7 +98,7 @@ export const AddNewItemCard = (props: AddNewItemCardProps) => {
         </Modal.Footer>
       </Modal>
 
-      <Card className="w-50">
+      <Card>
         <Card.Body>
           <Card.Title>Add New Item</Card.Title>
           <hr />
@@ -120,7 +120,7 @@ export const AddNewItemCard = (props: AddNewItemCardProps) => {
               <Form.Control
                 required
                 as="textarea"
-                rows={5}
+                rows={4}
                 {...register("description", {})}
               />
             </Form.Group>
diff --git a/src/components/HomePage.tsx b/src/components/HomePage.tsx
index 21caf13..96985bb 100644
--- a/src/components/HomePage.tsx
+++ b/src/components/HomePage.tsx
@@ -24,9 +24,6 @@ export const HomePage = () => {
   /* eslint-disable */
   var [itemIndex, setItemIndex] = useState(0);
 
-  type Arr = {
-    arr: String[];
-  };
   var [entryKeys, setEntryKeys] = useState<Array<string>>([]);
 
   const numOfItems = 100; // Using 100 because it is more than what is in the database
@@ -102,12 +99,12 @@ export const HomePage = () => {
 
       <div className="d-flex justify-content-center" style={{ padding: 20 }}>
         <div style={{ padding: 30 }}>
-          <Button onClick={prev} size="lg">
+          <Button onClick={prev} hidden ={!isRating} size="lg">
             Prev
           </Button>
         </div>
         <div style={{ padding: 30 }}>
-          <Button onClick={next} size="lg">
+          <Button onClick={next} hidden ={!isRating} size="lg">
             Next
           </Button>
         </div>
diff --git a/src/components/ProfilePage.tsx b/src/components/ProfilePage.tsx
index e5e2793..9ff08ae 100644
--- a/src/components/ProfilePage.tsx
+++ b/src/components/ProfilePage.tsx
@@ -18,6 +18,9 @@ import { getRatingItemImage } from "../tasks/getRatingItems";
 
 import { TierList } from "./TierList";
 
+import { addRatingItem } from "../tasks/addItem";
+import { AddNewItemCard } from "./AddNewItemCard";
+
 function getTierListItems(ids: Array<string>) {
   const promises: Array<Promise<{ id: string; url: string }>> = [];
 
@@ -149,6 +152,9 @@ export const ProfilePage = ({ ...props }: ProfilePageProps) => {
                 Sign Out
               </Button>
             </div>
+            <div className="py-2 d-flex justify-content-center gap-2">
+              <AddNewItemCard OnFormSubmit={addRatingItem} />
+            </div>
           </Col>
         </Row>
       </Container>