Fixed warnings/errors.

front/public/tailwind.css

@@ -874,6 +874,11 @@ video {
   padding-bottom: 1rem;
 }
 
+.px-24 {
+  padding-left: 6rem;
+  padding-right: 6rem;
+}
+
 .pt-6 {
   padding-top: 1.5rem;
 }
@@ -969,6 +974,20 @@ video {
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
 
+.text-pink-700 {
+  --tw-text-opacity: 1;
+  color: rgb(190 24 93 / var(--tw-text-opacity));
+}
+
+.text-pink-300 {
+  --tw-text-opacity: 1;
+  color: rgb(249 168 212 / var(--tw-text-opacity));
+}
+
+.underline {
+  text-decoration-line: underline;
+}
+
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);

front/src/stories/HomePage.jsx

@@ -1,10 +1,12 @@
-import React, {useState} from "react";
+import React from 'react';
+// import {useState} from 'react';
 
 import {TableRows} from "./TableRows";
-import {QueueRow} from "./QueueRow";
+// import {QueueRow} from "./QueueRow";
 
 export function HomePage() {
-    {/* TODO : fetch API to get all the rows*/}
+    // TODO : fetch API to get all the rows
+    const rows = [];
 
     return (
             <div className="App">

front/src/stories/HomePage.stories.jsx

@@ -1,12 +1,11 @@
 import React from "react";
 
 import {HomePage} from "./HomePage";
-import queueRow, {QueueRow} from "./QueueRow";
+// import queueRow, {QueueRow} from "./QueueRow";
 
-import {Empty, Queried, Unqueried, UnqueriedNoURL} from './QueueRow.stories';
+// import {Empty, Queried, Unqueried, UnqueriedNoURL} from './QueueRow.stories';
 import {rows} from "./TableRows.stories";
 
-
 export default {
     title: 'Pages/HomePage',
     component: HomePage,
@@ -17,13 +16,13 @@ export default {
 
 const Template = (args) => <HomePage {...args} />;
 
-var allRows = {
+// var allRows = {
-    Empty,
+//     Empty,
-    Unqueried,
+//     Unqueried,
-    UnqueriedNoURL,
+//     UnqueriedNoURL,
-    Queried,
+//     Queried,
-};
+// };
-
+//
 let qRows = rows;
 
 

front/src/stories/Link.stories.jsx

@@ -1,7 +1,6 @@
 import React from 'react';
 
 import {Link} from './Link';
-import {QueueRow} from "./QueueRow";
 
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {

front/src/stories/TableRows.jsx

@@ -13,7 +13,7 @@ import {QueueRow} from "./QueueRow";
 const TableRows = ({rows = []}) => {
     return (
         <>
-            {rows == [] ? <p>Empty</p> : (
+            {rows === [] ? <p>Empty</p> : (
             <table className="min-w-full">
                 <thead className="bg-gray-200 border-b">
                 <tr>