From 79ada71b3c8b91b63737d85224c92f74d1672fd8 Mon Sep 17 00:00:00 2001
From: Dom Farr <dominicfarr@gmail.com>
Date: Wed, 2 Nov 2022 12:03:25 +0000
Subject: [PATCH] added more listings and capitalized data in tables

---
 src/api/data.js                         |  8 ++++++++
 src/containers/proposals/AllListings.js | 12 +++++++++---
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/api/data.js b/src/api/data.js
index f8d1a08..c8edd3a 100644
--- a/src/api/data.js
+++ b/src/api/data.js
@@ -191,6 +191,10 @@ const listing3 = listing();
 const listing4 = listing();
 const listing5 = listing();
 const listing6 = listing();
+const listing7 = listing();
+const listing8 = listing();
+const listing9 = listing();
+const listing10 = listing();
 
 export const influencers = [influencer1, influencer2, influencer3];
 export const listings = [
@@ -200,6 +204,10 @@ export const listings = [
   listing4,
   listing5,
   listing6,
+  listing7,
+  listing8,
+  listing9,
+  listing10,
 ];
 export const collaborations = [
   collaboration(listing1, influencer1),
diff --git a/src/containers/proposals/AllListings.js b/src/containers/proposals/AllListings.js
index eab1ac1..495f5fc 100644
--- a/src/containers/proposals/AllListings.js
+++ b/src/containers/proposals/AllListings.js
@@ -17,6 +17,12 @@ const text = {
   whiteSpace: "nowrap",
   overflow: "hidden",
   textOverflow: "ellipsis",
+  "&>p": {
+    fontWeight: 600,
+    "&::first-letter": {
+      textTransform: "capitalize",
+    },
+  },
 };
 export const AllListings = () => {
   const nav = useNavigate();
@@ -38,7 +44,7 @@ export const AllListings = () => {
       </Box>
       <Paper variant="outlined" sx={{ padding: 1 }}>
         <Typography variant="h5">My Listings ({listings.length})</Typography>
-        <Box sx={{ overflow: "auto", height: "200px" }}>
+        <Box sx={{ overflow: "auto", height: 350 }}>
           {listings
             .sort(
               (a, b) =>
@@ -71,10 +77,10 @@ export const AllListings = () => {
                     }}
                   >
                     <Box onClick={() => handleClick(p)} sx={text}>
-                      {p.title}
+                      <Typography>{p.title}</Typography>
                     </Box>
                     <Box onClick={() => handleClick(p)} sx={text}>
-                      {p.name}
+                      <Typography>{p.name}</Typography>
                     </Box>
                     <Box p={0} m={0}>
                       <CollaborationsStateCounts