feat(labeling): ratios reset for labeling implemeneted

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

@@ -0,0 +1,27 @@
+import { getlabelRatio } from "@/utils/querys/production/labelRatio";
+import { labelRatioColumns } from "@/utils/tableData/production/labelRatio/labelRatioColumns";
+import { LabelRatioTable } from "@/utils/tableData/production/labelRatio/labelRatioData";
+import { useQuery } from "@tanstack/react-query";
+
+export default function LabelRatio() {
+    const { data, isError, isLoading } = useQuery(getlabelRatio());
+
+    const ratioData = data ? data : [];
+    if (isError) {
+        return <div>Error</div>;
+    }
+
+    if (isLoading) {
+        return <div>Loading</div>;
+    }
+
+    return (
+        <div className="m-2">
+            <LabelRatioTable
+                columns={labelRatioColumns}
+                data={ratioData}
+                //style={style}
+            />
+        </div>
+    );
+}

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

@@ -11,6 +11,7 @@ import {
     ResizablePanel,
     ResizablePanelGroup,
 } from "@/components/ui/resizable-panels";
+import LabelRatio from "./LabelRatio";
 
 export default function OCPPage() {
     const { settings } = useSettingStore();
@@ -97,6 +98,7 @@ export default function OCPPage() {
                         <ResizableHandle />
                         <ResizablePanel>
                             <PrinterStatus />
+                            <LabelRatio />
                         </ResizablePanel>
                     </ResizablePanelGroup>
                 </ResizablePanel>