Merge pull request #225 from akankshat05/books-preview

coderwassananmol · web-flow · commit c5e1e41f2b47 · 2023-10-21T00:33:28.000+05:30
Fix: Books preview
diff --git a/components/QueueTable.js b/components/QueueTable.js
@@ -47,10 +47,6 @@ const ShowUploadQueue = (props) => {
     container: {
       maxHeight: 330,
     },
-    id: {
-      cursor: "pointer",
-      color: "#36c",
-    },
     toolbar: {
       marginTop: "8px",
       fontSize: "12px",
@@ -79,7 +75,7 @@ const ShowUploadQueue = (props) => {
       minWidth: 50,
       align: "left",
       format: (value) => (
-        <a sx={styles.id} onClick={() => onClick(value)}>
+        <a style={{ cursor: "pointer" }} onClick={() => onClick(value)}>
           {value}
         </a>
       ),
@@ -90,7 +86,7 @@ const ShowUploadQueue = (props) => {
       minWidth: 300,
       align: "left",
       format: (value, label) => (
-        <a sx={styles.id} onClick={() => onClick(value)}>
+        <a style={{ cursor: "pointer" }} onClick={() => onClick(value)}>
           {label}
         </a>
       ),
diff --git a/components/ShowJobInformation.js b/components/ShowJobInformation.js
@@ -18,13 +18,21 @@ const ShowJobInformation = (props) => {
   const styles = {
     root: {
       maxWidth: 365,
+      height: "fit-content",
+    },
+    cardContentContainer: {
+      height: "200px",
+      overflow: "auto",
     },
     cardContainer: {
       display: "flex",
       justifyContent: "center",
       alignContent: "center",
       marginTop: "0px",
     },
+    uploadProgress: {
+      marginLeft: "16.5px",
+    },
     button: {
       fontSize: "11px",
     },
@@ -86,17 +94,27 @@ const ShowJobInformation = (props) => {
               title={data.title}
               sx={styles.cardImage}
             />
-            <CardContent>
+            <CardContent
+              sx={
+                data.description && data.description.length > 0
+                  ? styles.cardContentContainer
+                  : null
+              }
+            >
               <Typography gutterBottom variant="h2">
                 {data.title}
               </Typography>
               <Typography variant="h5" color="textSecondary">
                 {data.description}
               </Typography>
-              <Typography variant="h5" color="textSecondary">
-                <strong>Upload Progress:</strong> {progress}%
-              </Typography>
             </CardContent>
+            <Typography
+              variant="h5"
+              color="textSecondary"
+              sx={styles.uploadProgress}
+            >
+              <strong>Upload Progress:</strong> {progress}%
+            </Typography>
           </CardActionArea>
 
           <CardActions>
