Reorganized some components.

ethanl21 · Oct 30, 2023 · 3fd7639 · 3fd7639
1 parent 67ba058
commit 3fd7639
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 12 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>