From 0e0ac2df09f90d1e37de00192b5a61085d8e795f Mon Sep 17 00:00:00 2001
From: Matthias Mair <code@mjmair.com>
Date: Mon, 15 Apr 2024 20:22:14 +0200
Subject: [PATCH] fix new code to v7

---
 src/frontend/src/pages/part/PartPricingPanel.tsx          | 2 +-
 src/frontend/src/pages/part/pricing/BomPricingPanel.tsx   | 4 ++--
 .../src/pages/part/pricing/PricingOverviewPanel.tsx       | 8 ++++----
 src/frontend/src/pages/part/pricing/PricingPanel.tsx      | 2 +-
 .../src/pages/part/pricing/PurchaseHistoryPanel.tsx       | 4 ++--
 .../src/pages/part/pricing/VariantPricingPanel.tsx        | 2 +-
 src/frontend/src/tables/general/AttachmentTable.tsx       | 4 ++--
 .../src/tables/purchasing/SupplierPriceBreakTable.tsx     | 4 ++--
 8 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/frontend/src/pages/part/PartPricingPanel.tsx b/src/frontend/src/pages/part/PartPricingPanel.tsx
index 0f570e681e..b27a607c63 100644
--- a/src/frontend/src/pages/part/PartPricingPanel.tsx
+++ b/src/frontend/src/pages/part/PartPricingPanel.tsx
@@ -41,7 +41,7 @@ export default function PartPricingPanel({ part }: { part: any }) {
   }, [user, part]);
 
   return (
-    <Stack spacing="xs">
+    <Stack gap="xs">
       <LoadingOverlay visible={instanceQuery.isLoading} />
       {!pricing && !instanceQuery.isLoading && (
         <Alert color="ref" title={t`Error`}>
diff --git a/src/frontend/src/pages/part/pricing/BomPricingPanel.tsx b/src/frontend/src/pages/part/pricing/BomPricingPanel.tsx
index 4284e954df..9b4e0504b3 100644
--- a/src/frontend/src/pages/part/pricing/BomPricingPanel.tsx
+++ b/src/frontend/src/pages/part/pricing/BomPricingPanel.tsx
@@ -166,7 +166,7 @@ export default function BomPricingPanel({
   const [chartType, setChartType] = useState<string>('pie');
 
   return (
-    <Stack spacing="xs">
+    <Stack gap="xs">
       <SimpleGrid cols={2}>
         <InvenTreeTable
           tableState={table}
@@ -182,7 +182,7 @@ export default function BomPricingPanel({
           }}
         />
         {bomPricingData.length > 0 ? (
-          <Stack spacing="xs">
+          <Stack gap="xs">
             {chartType == 'bar' && <BomBarChart data={bomPricingData} />}
             {chartType == 'pie' && <BomPieChart data={bomPricingData} />}
             <SegmentedControl
diff --git a/src/frontend/src/pages/part/pricing/PricingOverviewPanel.tsx b/src/frontend/src/pages/part/pricing/PricingOverviewPanel.tsx
index a91a4c4db5..62a383e61c 100644
--- a/src/frontend/src/pages/part/pricing/PricingOverviewPanel.tsx
+++ b/src/frontend/src/pages/part/pricing/PricingOverviewPanel.tsx
@@ -48,9 +48,9 @@ export default function PricingOverviewPanel({
         title: t`Pricing Category`,
         render: (record: PricingOverviewEntry) => {
           return (
-            <Group position="left" spacing="xs">
+            <Group justify="left" gap="xs">
               {record.icon}
-              <Text weight={700}>{record.title}</Text>
+              <Text fw={700}>{record.title}</Text>
             </Group>
           );
         }
@@ -143,9 +143,9 @@ export default function PricingOverviewPanel({
   // TODO: Add "update now" button
 
   return (
-    <Stack spacing="xs">
+    <Stack gap="xs">
       <SimpleGrid cols={2}>
-        <Stack spacing="xs">
+        <Stack gap="xs">
           {pricing?.updated && (
             <Paper p="xs">
               <Alert color="blue" title={t`Last Updated`}>
diff --git a/src/frontend/src/pages/part/pricing/PricingPanel.tsx b/src/frontend/src/pages/part/pricing/PricingPanel.tsx
index 6199393f8d..a6934dd111 100644
--- a/src/frontend/src/pages/part/pricing/PricingPanel.tsx
+++ b/src/frontend/src/pages/part/pricing/PricingPanel.tsx
@@ -30,7 +30,7 @@ export default function PricingPanel({
 
 export function NoPricingData() {
   return (
-    <Stack spacing="xs">
+    <Stack gap="xs">
       <Alert icon={<IconExclamationCircle />} color="blue" title={t`No Data`}>
         <Text>{t`No pricing data available`}</Text>
       </Alert>
diff --git a/src/frontend/src/pages/part/pricing/PurchaseHistoryPanel.tsx b/src/frontend/src/pages/part/pricing/PurchaseHistoryPanel.tsx
index e71854efa9..e23fbcf4ce 100644
--- a/src/frontend/src/pages/part/pricing/PurchaseHistoryPanel.tsx
+++ b/src/frontend/src/pages/part/pricing/PurchaseHistoryPanel.tsx
@@ -64,7 +64,7 @@ export default function PurchaseHistoryPanel({
           let units = record.supplier_part_detail?.pack_quantity;
 
           return (
-            <Group position="apart" spacing="xs">
+            <Group justify="apart" gap="xs">
               <Text>{price}</Text>
               {units && <Text size="xs">[{units}]</Text>}
             </Group>
@@ -85,7 +85,7 @@ export default function PurchaseHistoryPanel({
           let units = record.part_detail?.units;
 
           return (
-            <Group position="apart" spacing="xs">
+            <Group justify="apart" gap="xs">
               <Text>{price}</Text>
               {units && <Text size="xs">[{units}]</Text>}
             </Group>
diff --git a/src/frontend/src/pages/part/pricing/VariantPricingPanel.tsx b/src/frontend/src/pages/part/pricing/VariantPricingPanel.tsx
index 2c5c21a3c3..5a99136391 100644
--- a/src/frontend/src/pages/part/pricing/VariantPricingPanel.tsx
+++ b/src/frontend/src/pages/part/pricing/VariantPricingPanel.tsx
@@ -79,7 +79,7 @@ export default function VariantPricingPanel({
   }, [table.records]);
 
   return (
-    <Stack spacing="xs">
+    <Stack gap="xs">
       <SimpleGrid cols={2}>
         <InvenTreeTable
           tableState={table}
diff --git a/src/frontend/src/tables/general/AttachmentTable.tsx b/src/frontend/src/tables/general/AttachmentTable.tsx
index 0d9405cb95..b524907a85 100644
--- a/src/frontend/src/tables/general/AttachmentTable.tsx
+++ b/src/frontend/src/tables/general/AttachmentTable.tsx
@@ -196,8 +196,8 @@ export function AttachmentTable({
                 attachmentType: 'file',
                 callback: table.refreshTable
               });
-              variant = 'default';
             }}
+            variant="default"
           >
             <IconFileUpload />
           </ActionIcon>
@@ -216,8 +216,8 @@ export function AttachmentTable({
                 attachmentType: 'link',
                 callback: table.refreshTable
               });
-              variant = 'default';
             }}
+            variant="default"
           >
             <IconExternalLink />
           </ActionIcon>
diff --git a/src/frontend/src/tables/purchasing/SupplierPriceBreakTable.tsx b/src/frontend/src/tables/purchasing/SupplierPriceBreakTable.tsx
index b5dcd14cbd..1abe2761b9 100644
--- a/src/frontend/src/tables/purchasing/SupplierPriceBreakTable.tsx
+++ b/src/frontend/src/tables/purchasing/SupplierPriceBreakTable.tsx
@@ -38,7 +38,7 @@ export function SupplierPriceBreakColumns(): TableColumn[] {
       switchable: true,
       render: (record: any) => {
         return (
-          <Group spacing="xs" noWrap>
+          <Group gap="xs" wrap="nowrap">
             <Thumbnail
               src={
                 record?.supplier_detail?.thumbnail ??
@@ -96,7 +96,7 @@ export function SupplierPriceBreakColumns(): TableColumn[] {
         });
 
         return (
-          <Group position="apart" spacing="xs" grow>
+          <Group justify="apart" gap="xs" grow>
             <Text>{price}</Text>
             {units && <Text size="xs">[{units}]</Text>}
           </Group>