refactor(ocp): change the way logs are brought in and other changes to clean the code up

frontend/src/components/production/ocp/LabelLog.tsx

@@ -5,7 +5,6 @@ import {
     Table,
     TableBody,
     TableCell,
-    TableFooter,
     TableHead,
     TableHeader,
     TableRow,
@@ -26,17 +25,13 @@ const labelLogs = [
 ];
 export default function LabelLog() {
     const { data, isError, isLoading } = useQuery(getlabels("4"));
-    //const {user} = useSessionStore();
-    //const {settings} = useSettingStore();
-    //const server = settings.filter((n) => n.name === "server")[0]?.value || "";
-
-    //const roles = ["admin", "manager", "operator"];
 
     if (isError) {
         return (
             <div className="m-2 p-2 min-h-2/5">
                 <LstCard>
                     <p className="text-center">Labels for the last 2 hours</p>
+
                     <Table>
                         <TableHeader>
                             <TableRow>
@@ -77,7 +72,13 @@ export default function LabelLog() {
     const labelData = data ? data : [];
     return (
         <LstCard className="m-2 p-2 min-h-2/5">
-            <p className="text-center">Labels for the last 2 hours</p>
+            <p className="text-center">
+                {labelData.length === 0 ? (
+                    <span>No labels have been printed in the last 2 hours</span>
+                ) : (
+                    <span>Labels for the last 2 hours</span>
+                )}
+            </p>
             <Table>
                 <TableHeader>
                     <TableRow>
@@ -115,7 +116,7 @@ export default function LabelLog() {
                 ) : (
                     <TableBody>
                         {labelData.map((label: any) => (
-                            <TableRow key={label.runningNr}>
+                            <TableRow key={label.label_id}>
                                 <TableCell className="font-medium">
                                     {label.line}
                                 </TableCell>
@@ -139,15 +140,15 @@ export default function LabelLog() {
                     </TableBody>
                 )}
 
-                <TableFooter>
+                {/* <TableFooter>
                     {labelData.length === 0 && (
-                        <div>
+                        <div className="flex justify-center">
                             <h2 className="text-center text-2xl">
                                 No labels have been printed in the last 2 hours
                             </h2>
                         </div>
                     )}
-                </TableFooter>
+                </TableFooter> */}
             </Table>
         </LstCard>
     );