From f984350aae15d0cbcf0d2702465ea9584b5a9cd9 Mon Sep 17 00:00:00 2001
From: Jonas-Omdal <jonasomdal@gmail.com>
Date: Tue, 10 Sep 2024 13:49:52 +0200
Subject: [PATCH 1/6] fix(workordercell): fix deviations

---
 .changeset/dry-points-brake.md                |  8 +++
 .../dfw/dfwcomponents/WorkOrderCellScreen.tsx | 54 +++++++++++--------
 .../WorkOrderCell/PropertyList.tsx            |  8 +--
 .../WorkOrderCell/WorkOrderCell.tsx           | 52 ++++++++++--------
 .../WorkOrderCell/WorkOrderCellNavigation.tsx |  4 +-
 .../src/dfwcomponents/WorkOrderCell/types.ts  | 27 ++++++----
 6 files changed, 95 insertions(+), 58 deletions(-)
 create mode 100644 .changeset/dry-points-brake.md

diff --git a/.changeset/dry-points-brake.md b/.changeset/dry-points-brake.md
new file mode 100644
index 000000000..9da6557a4
--- /dev/null
+++ b/.changeset/dry-points-brake.md
@@ -0,0 +1,8 @@
+---
+"@equinor/mad-dfw": minor
+---
+
+Adjusted props related to the data display and buttons in the `WorkOrderCell` component. Removed the
+`Id` part from the data props. Renamed `completeButton` to `ReadyForOperationButton`. Renamed
+`onCompleteButtonPress` to `onReadyForOperationPress`. Renamed `showActions`to`actions`. The actions
+have two new props `visible`and`disabled`. Removed validations for when the buttons are displayed.
diff --git a/apps/chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx b/apps/chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx
index 7926bf70a..d8c23d318 100644
--- a/apps/chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx
+++ b/apps/chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx
@@ -24,23 +24,29 @@ export const WorkOrderCellScreen = () => {
             <Spacer />
             <WorkOrderCell
                 title="Work Order Cell"
-                workOrderId="25282760"
+                workOrder="25282760"
                 maintenanceType="Surface monitoring"
                 functionalLocation="TAG-123456"
-                equipmentId="EQUIP-123456"
-                activeStatusIds="STRT"
+                equipment="EQUIP-123456"
+                activeStatus="STRT"
                 basicStartDate="2023-04-07"
                 basicFinishDate="2023-09-12"
                 requiredEnd="2024-04-23"
-                workCenterId="POMISP"
+                workCenter="POMISP"
                 isHseCritical
                 isProductionCritical
-                showActions={{
-                    startButton: true,
-                    completeButton: true,
-                    tecoButton: true,
+                actions={{
+                    startButton: {
+                        visible: true,
+                    },
+                    readyForOperationButton: {
+                        visible: true,
+                    },
+                    tecoButton: {
+                        visible: true,
+                    },
                 }}
-                onCompleteButtonPress={() => console.log("Complete")}
+                onReadyForOperationPress={() => console.log("Complete")}
                 onStartButtonPress={() => console.log("Start")}
                 onTecoButtonPress={() => console.log("TECO")}
                 showSymbols
@@ -55,24 +61,28 @@ export const WorkOrderCellScreen = () => {
             <Spacer />
             <WorkOrderCell
                 title="Work Order Cell"
-                workOrderId="25282760"
+                workOrder="25282760"
                 maintenanceType="Surface monitoring"
                 functionalLocation="TAG-123456"
-                equipmentId="EQUIP-123456"
-                activeStatusIds="STRT"
+                equipment="EQUIP-123456"
+                activeStatus="STRT"
                 basicFinishDate="2023-04-07"
                 requiredEnd="2024-04-23"
-                workCenterId="POMISP"
+                workCenter="POMISP"
                 isHseCritical
                 isProductionCritical
                 overwriteLabel={{
                     functionalLocation: "Adjusted label",
                 }}
-                showActions={{
-                    startButton: true,
-                    completeButton: true,
+                actions={{
+                    startButton: {
+                        visible: true,
+                    },
+                    readyForOperationButton: {
+                        visible: true,
+                    },
                 }}
-                onCompleteButtonPress={() => console.log("Complete")}
+                onReadyForOperationPress={() => console.log("Complete")}
                 onStartButtonPress={() => console.log("Start")}
                 showSymbols
                 symbolDirection="row"
@@ -87,15 +97,15 @@ export const WorkOrderCellScreen = () => {
             <Spacer />
             <WorkOrderCell.Navigation
                 title="Work Order Cell"
-                workOrderId="25282760"
+                workOrder="25282760"
                 maintenanceType="Surface monitoring"
                 functionalLocation="TAG-123456"
-                equipmentId="EQUIP-123456"
-                activeStatusIds="STRT"
+                equipment="EQUIP-123456"
+                activeStatus="STRT"
                 basicFinishDate="2023-04-07"
                 basicStartDate="2023-02-07"
                 requiredEnd="2024-04-23"
-                workCenterId="POMISP"
+                workCenter="POMISP"
                 isHseCritical
                 isProductionCritical
                 onPress={() => console.log("Pressed")}
@@ -110,7 +120,7 @@ export const WorkOrderCellScreen = () => {
             <Spacer />
             <WorkOrderCell
                 title="Basic Work Order Cell"
-                workOrderId="25282760"
+                workOrder="25282760"
                 maintenanceType="Surface monitoring"
                 functionalLocation="TAG-123456"
                 valueColor="danger"
diff --git a/packages/dfw/src/dfwcomponents/WorkOrderCell/PropertyList.tsx b/packages/dfw/src/dfwcomponents/WorkOrderCell/PropertyList.tsx
index 36a635475..f8c6fb36e 100644
--- a/packages/dfw/src/dfwcomponents/WorkOrderCell/PropertyList.tsx
+++ b/packages/dfw/src/dfwcomponents/WorkOrderCell/PropertyList.tsx
@@ -6,15 +6,15 @@ import { Color, useToken } from "@equinor/mad-components";
 
 const defaultWorkOrderLabelMap: Record<keyof WorkOrder, string> = {
     title: "Title",
-    workOrderId: "Work order ID",
+    workOrder: "Work order",
     maintenanceType: "Maintenance type",
     functionalLocation: "Functional Location",
-    equipmentId: "Equipment",
-    activeStatusIds: "Active status",
+    equipment: "Equipment",
+    activeStatus: "Active status",
     basicStartDate: "Basic start",
     basicFinishDate: "Basic finish",
     requiredEnd: "Required end",
-    workCenterId: "Work center",
+    workCenter: "Work center",
 } as const;
 
 type PropertyListProps = {
diff --git a/packages/dfw/src/dfwcomponents/WorkOrderCell/WorkOrderCell.tsx b/packages/dfw/src/dfwcomponents/WorkOrderCell/WorkOrderCell.tsx
index 058e204c6..ff1f52e1c 100644
--- a/packages/dfw/src/dfwcomponents/WorkOrderCell/WorkOrderCell.tsx
+++ b/packages/dfw/src/dfwcomponents/WorkOrderCell/WorkOrderCell.tsx
@@ -1,4 +1,12 @@
-import { Button, Cell, EDSStyleSheet, Label, Typography, useStyles } from "@equinor/mad-components";
+import {
+    Button,
+    Cell,
+    EDSStyleSheet,
+    Label,
+    Typography,
+    useBreakpoint,
+    useStyles,
+} from "@equinor/mad-components";
 import moment from "moment";
 import React, { useMemo } from "react";
 import { View } from "react-native";
@@ -15,32 +23,29 @@ export const WorkOrderCell = ({
     valueColor = "textTertiary",
     isHseCritical,
     isProductionCritical,
-    showActions,
+    actions,
     overwriteLabel,
     style,
     onStartButtonPress,
-    onCompleteButtonPress,
+    onReadyForOperationPress,
     onTecoButtonPress,
     ...rest
 }: WorkOrderCellProps) => {
+    const breakpoint = useBreakpoint();
     const styles = useStyles(themeStyles, { symbolDirection });
 
     const currentDate = moment();
-    const activeStatuses = rest.activeStatusIds?.split(" ");
-    const isStartDisabled = activeStatuses?.includes("STRT") ?? activeStatuses?.includes("RDOP");
-    const isCompleteDisabled =
-        !activeStatuses?.includes("STRT") ?? activeStatuses?.includes("RDOP");
 
     const iconsAndLabels = useMemo(
         () =>
             getStatusIconsAndLabels(
-                rest.activeStatusIds,
+                rest.activeStatus,
                 rest.requiredEnd ?? null,
                 currentDate,
                 isHseCritical,
                 isProductionCritical,
             ),
-        [rest.activeStatusIds, rest.requiredEnd, currentDate, isHseCritical, isProductionCritical],
+        [rest.activeStatus, rest.requiredEnd, currentDate, isHseCritical, isProductionCritical],
     );
 
     return (
@@ -62,28 +67,34 @@ export const WorkOrderCell = ({
                 valueColor={valueColor}
                 currentDate={currentDate.toDate()}
             />
-            {showActions && (
-                <View style={styles.actionContainer}>
-                    {showActions.startButton && (
+            {actions && (
+                <View
+                    style={[
+                        styles.actionContainer,
+                        breakpoint === "xs" && { flexDirection: "column" },
+                    ]}
+                >
+                    {actions.startButton?.visible && (
                         <Button
                             title="Start job"
                             variant="outlined"
-                            disabled={isStartDisabled}
+                            disabled={actions.startButton.disabled}
                             onPress={onStartButtonPress}
                         />
                     )}
-                    {showActions.completeButton && (
+                    {actions.readyForOperationButton?.visible && (
                         <Button
                             title="Ready for operation"
                             variant="outlined"
-                            disabled={isCompleteDisabled}
-                            onPress={onCompleteButtonPress}
+                            disabled={actions.readyForOperationButton.disabled}
+                            onPress={onReadyForOperationPress}
                         />
                     )}
-                    {showActions.tecoButton && (
+                    {actions.tecoButton?.visible && (
                         <Button
                             title="Technical complete"
                             variant="outlined"
+                            disabled={actions.tecoButton.disabled}
                             onPress={onTecoButtonPress}
                         />
                     )}
@@ -98,13 +109,12 @@ const themeStyles = EDSStyleSheet.create(
         iconContainer: {
             flexDirection: "row",
             alignItems: "center",
-
             gap: theme.spacing.cell.content.titleDescriptionGap,
             marginBottom: theme.spacing.cell.group.titleBottomPadding,
         },
         actionContainer: {
-            gap: theme.spacing.container.paddingVertical,
-            marginTop: theme.spacing.spacer.medium,
+            gap: theme.spacing.spacer.small,
+            marginTop: theme.spacing.container.paddingVertical,
             flexDirection: "row",
             justifyContent: "center",
         },
@@ -120,7 +130,7 @@ const themeStyles = EDSStyleSheet.create(
             paddingBottom: theme.spacing.cell.group.titleBottomPadding,
             gap:
                 symbolDirection === "row"
-                    ? theme.spacing.spacer.medium
+                    ? theme.spacing.spacer.small
                     : theme.spacing.cell.content.titleDescriptionGap,
         },
     }),
diff --git a/packages/dfw/src/dfwcomponents/WorkOrderCell/WorkOrderCellNavigation.tsx b/packages/dfw/src/dfwcomponents/WorkOrderCell/WorkOrderCellNavigation.tsx
index da42aae1d..08b1ff948 100644
--- a/packages/dfw/src/dfwcomponents/WorkOrderCell/WorkOrderCellNavigation.tsx
+++ b/packages/dfw/src/dfwcomponents/WorkOrderCell/WorkOrderCellNavigation.tsx
@@ -29,13 +29,13 @@ export const WorkOrderCellNavigation = ({
     const iconsAndLabels = useMemo(
         () =>
             getStatusIconsAndLabels(
-                rest.activeStatusIds,
+                rest.activeStatus,
                 rest.requiredEnd ?? null,
                 currentDate,
                 isHseCritical,
                 isProductionCritical,
             ),
-        [rest.activeStatusIds, rest.requiredEnd, currentDate, isHseCritical, isProductionCritical],
+        [rest.activeStatus, rest.requiredEnd, currentDate, isHseCritical, isProductionCritical],
     );
 
     return (
diff --git a/packages/dfw/src/dfwcomponents/WorkOrderCell/types.ts b/packages/dfw/src/dfwcomponents/WorkOrderCell/types.ts
index f8079645f..8bf374bd4 100644
--- a/packages/dfw/src/dfwcomponents/WorkOrderCell/types.ts
+++ b/packages/dfw/src/dfwcomponents/WorkOrderCell/types.ts
@@ -3,21 +3,30 @@ import { ViewProps } from "react-native";
 
 export type WorkOrder = {
     title: string;
-    workOrderId: string;
+    workOrder: string;
     maintenanceType?: string;
-    equipmentId?: string;
-    activeStatusIds?: string;
+    equipment?: string;
+    activeStatus?: string;
     basicStartDate?: string;
     basicFinishDate?: string;
     requiredEnd?: string;
-    workCenterId?: string;
+    workCenter?: string;
     functionalLocation?: string;
 };
 
 export type WorkOrderCellActions = {
-    startButton?: boolean;
-    completeButton?: boolean;
-    tecoButton?: boolean;
+    startButton?: {
+        visible: boolean;
+        disabled?: boolean;
+    };
+    readyForOperationButton?: {
+        visible: boolean;
+        disabled?: boolean;
+    };
+    tecoButton?: {
+        visible: boolean;
+        disabled?: boolean;
+    };
 };
 
 export type WorkOrderCellProps = {
@@ -28,9 +37,9 @@ export type WorkOrderCellProps = {
     isProductionCritical?: boolean;
     style?: ViewProps["style"];
     overwriteLabel?: Partial<Record<keyof WorkOrder, string>>;
-    showActions?: WorkOrderCellActions;
+    actions?: WorkOrderCellActions;
     onStartButtonPress?: () => void;
-    onCompleteButtonPress?: () => void;
+    onReadyForOperationPress?: () => void;
     onTecoButtonPress?: () => void;
 } & WorkOrder;
 

From 3bf48c23e1c1d7dad9cf9e3df32f99fa827961d3 Mon Sep 17 00:00:00 2001
From: Jonas-Omdal <jonasomdal@gmail.com>
Date: Tue, 10 Sep 2024 14:15:31 +0200
Subject: [PATCH 2/6] fix(workordercell): fix deviations

---
 .../dfw/dfwcomponents/WorkOrderCellScreen.tsx | 40 +++++++++----------
 .../WorkOrderCell/WorkOrderCell.tsx           | 30 +++++++-------
 .../src/dfwcomponents/WorkOrderCell/types.ts  | 24 ++++-------
 3 files changed, 40 insertions(+), 54 deletions(-)

diff --git a/apps/chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx b/apps/chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx
index d8c23d318..7fafb33fe 100644
--- a/apps/chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx
+++ b/apps/chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx
@@ -35,20 +35,18 @@ export const WorkOrderCellScreen = () => {
                 workCenter="POMISP"
                 isHseCritical
                 isProductionCritical
-                actions={{
-                    startButton: {
-                        visible: true,
-                    },
-                    readyForOperationButton: {
-                        visible: true,
-                    },
-                    tecoButton: {
-                        visible: true,
-                    },
+                startButton={{
+                    visible: true,
+                    onPress: () => console.log("Start"),
+                }}
+                readyForOperationButton={{
+                    visible: true,
+                    onPress: () => console.log("Complete"),
+                }}
+                tecoButton={{
+                    visible: true,
+                    onPress: () => console.log("TECO"),
                 }}
-                onReadyForOperationPress={() => console.log("Complete")}
-                onStartButtonPress={() => console.log("Start")}
-                onTecoButtonPress={() => console.log("TECO")}
                 showSymbols
             />
             <Spacer />
@@ -74,16 +72,14 @@ export const WorkOrderCellScreen = () => {
                 overwriteLabel={{
                     functionalLocation: "Adjusted label",
                 }}
-                actions={{
-                    startButton: {
-                        visible: true,
-                    },
-                    readyForOperationButton: {
-                        visible: true,
-                    },
+                startButton={{
+                    visible: true,
+                    onPress: () => console.log("Start"),
+                }}
+                readyForOperationButton={{
+                    visible: true,
+                    onPress: () => console.log("Complete"),
                 }}
-                onReadyForOperationPress={() => console.log("Complete")}
-                onStartButtonPress={() => console.log("Start")}
                 showSymbols
                 symbolDirection="row"
             />
diff --git a/packages/dfw/src/dfwcomponents/WorkOrderCell/WorkOrderCell.tsx b/packages/dfw/src/dfwcomponents/WorkOrderCell/WorkOrderCell.tsx
index ff1f52e1c..7760b170d 100644
--- a/packages/dfw/src/dfwcomponents/WorkOrderCell/WorkOrderCell.tsx
+++ b/packages/dfw/src/dfwcomponents/WorkOrderCell/WorkOrderCell.tsx
@@ -23,19 +23,19 @@ export const WorkOrderCell = ({
     valueColor = "textTertiary",
     isHseCritical,
     isProductionCritical,
-    actions,
     overwriteLabel,
     style,
-    onStartButtonPress,
-    onReadyForOperationPress,
-    onTecoButtonPress,
+    startButton,
+    readyForOperationButton,
+    tecoButton,
     ...rest
 }: WorkOrderCellProps) => {
     const breakpoint = useBreakpoint();
     const styles = useStyles(themeStyles, { symbolDirection });
 
+    const anyButtonVisible =
+        startButton?.visible ?? readyForOperationButton?.visible ?? tecoButton?.visible;
     const currentDate = moment();
-
     const iconsAndLabels = useMemo(
         () =>
             getStatusIconsAndLabels(
@@ -67,35 +67,35 @@ export const WorkOrderCell = ({
                 valueColor={valueColor}
                 currentDate={currentDate.toDate()}
             />
-            {actions && (
+            {anyButtonVisible && (
                 <View
                     style={[
                         styles.actionContainer,
                         breakpoint === "xs" && { flexDirection: "column" },
                     ]}
                 >
-                    {actions.startButton?.visible && (
+                    {startButton?.visible && (
                         <Button
                             title="Start job"
                             variant="outlined"
-                            disabled={actions.startButton.disabled}
-                            onPress={onStartButtonPress}
+                            disabled={startButton.disabled}
+                            onPress={startButton.onPress}
                         />
                     )}
-                    {actions.readyForOperationButton?.visible && (
+                    {readyForOperationButton?.visible && (
                         <Button
                             title="Ready for operation"
                             variant="outlined"
-                            disabled={actions.readyForOperationButton.disabled}
-                            onPress={onReadyForOperationPress}
+                            disabled={readyForOperationButton.disabled}
+                            onPress={readyForOperationButton?.onPress}
                         />
                     )}
-                    {actions.tecoButton?.visible && (
+                    {tecoButton?.visible && (
                         <Button
                             title="Technical complete"
                             variant="outlined"
-                            disabled={actions.tecoButton.disabled}
-                            onPress={onTecoButtonPress}
+                            disabled={tecoButton.disabled}
+                            onPress={tecoButton.onPress}
                         />
                     )}
                 </View>
diff --git a/packages/dfw/src/dfwcomponents/WorkOrderCell/types.ts b/packages/dfw/src/dfwcomponents/WorkOrderCell/types.ts
index 8bf374bd4..1fd1affcf 100644
--- a/packages/dfw/src/dfwcomponents/WorkOrderCell/types.ts
+++ b/packages/dfw/src/dfwcomponents/WorkOrderCell/types.ts
@@ -14,19 +14,10 @@ export type WorkOrder = {
     functionalLocation?: string;
 };
 
-export type WorkOrderCellActions = {
-    startButton?: {
-        visible: boolean;
-        disabled?: boolean;
-    };
-    readyForOperationButton?: {
-        visible: boolean;
-        disabled?: boolean;
-    };
-    tecoButton?: {
-        visible: boolean;
-        disabled?: boolean;
-    };
+type ButtonOptions = {
+    disabled?: boolean;
+    visible: boolean;
+    onPress: () => void;
 };
 
 export type WorkOrderCellProps = {
@@ -37,10 +28,9 @@ export type WorkOrderCellProps = {
     isProductionCritical?: boolean;
     style?: ViewProps["style"];
     overwriteLabel?: Partial<Record<keyof WorkOrder, string>>;
-    actions?: WorkOrderCellActions;
-    onStartButtonPress?: () => void;
-    onReadyForOperationPress?: () => void;
-    onTecoButtonPress?: () => void;
+    startButton?: ButtonOptions;
+    readyForOperationButton?: ButtonOptions;
+    tecoButton?: ButtonOptions;
 } & WorkOrder;
 
 export type StatusConfig = {

From fdffe2337115aa94c1942ab478189bd459a9df61 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonas=20Tol=C3=A5s=20Omdal?=
 <83707387+Jonas-Omdal@users.noreply.github.com>
Date: Tue, 10 Sep 2024 14:21:00 +0200
Subject: [PATCH 3/6] Update dry-points-brake.md

---
 .changeset/dry-points-brake.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/.changeset/dry-points-brake.md b/.changeset/dry-points-brake.md
index 9da6557a4..065e23e58 100644
--- a/.changeset/dry-points-brake.md
+++ b/.changeset/dry-points-brake.md
@@ -2,7 +2,7 @@
 "@equinor/mad-dfw": minor
 ---
 
-Adjusted props related to the data display and buttons in the `WorkOrderCell` component. Removed the
-`Id` part from the data props. Renamed `completeButton` to `ReadyForOperationButton`. Renamed
-`onCompleteButtonPress` to `onReadyForOperationPress`. Renamed `showActions`to`actions`. The actions
-have two new props `visible`and`disabled`. Removed validations for when the buttons are displayed.
+Adjusted props related to data display and buttons in the `WorkOrderCell` component. Removed the
+`Id` part from the data props. Removed/adjusted the props: `showActions`, `onStartButtonPress`, `onReadyForOperationPress` 
+and `onTecoButtonPress`. New props for this: `startButton`, `readyForOperationButton` and `tecoButton`. These props have three options 
+`visible`, `disabled` and `onpress`. Removed validations for when the buttons are displayed.

From e2c196b2289abcdfa0012dfbdc22b8ebad94a444 Mon Sep 17 00:00:00 2001
From: Jonas-Omdal <jonasomdal@gmail.com>
Date: Tue, 10 Sep 2024 14:23:13 +0200
Subject: [PATCH 4/6] fix(workordercell): fix deviations

---
 .../chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx b/apps/chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx
index 7fafb33fe..e390352b0 100644
--- a/apps/chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx
+++ b/apps/chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx
@@ -41,6 +41,7 @@ export const WorkOrderCellScreen = () => {
                 }}
                 readyForOperationButton={{
                     visible: true,
+                    disabled: true,
                     onPress: () => console.log("Complete"),
                 }}
                 tecoButton={{

From ef2db4cbc7ebb66eb1ebfe4086b4644e1341fcd5 Mon Sep 17 00:00:00 2001
From: Jonas-Omdal <jonasomdal@gmail.com>
Date: Tue, 10 Sep 2024 14:37:27 +0200
Subject: [PATCH 5/6] renaming

---
 .../screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx  |  4 ++--
 .../src/dfwcomponents/WorkOrderCell/WorkOrderCell.tsx  | 10 +++++-----
 packages/dfw/src/dfwcomponents/WorkOrderCell/types.ts  |  2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx b/apps/chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx
index e390352b0..de19443ba 100644
--- a/apps/chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx
+++ b/apps/chronicles/screens/dfw/dfwcomponents/WorkOrderCellScreen.tsx
@@ -35,7 +35,7 @@ export const WorkOrderCellScreen = () => {
                 workCenter="POMISP"
                 isHseCritical
                 isProductionCritical
-                startButton={{
+                startJobButton={{
                     visible: true,
                     onPress: () => console.log("Start"),
                 }}
@@ -73,7 +73,7 @@ export const WorkOrderCellScreen = () => {
                 overwriteLabel={{
                     functionalLocation: "Adjusted label",
                 }}
-                startButton={{
+                startJobButton={{
                     visible: true,
                     onPress: () => console.log("Start"),
                 }}
diff --git a/packages/dfw/src/dfwcomponents/WorkOrderCell/WorkOrderCell.tsx b/packages/dfw/src/dfwcomponents/WorkOrderCell/WorkOrderCell.tsx
index 7760b170d..7ad36a4c0 100644
--- a/packages/dfw/src/dfwcomponents/WorkOrderCell/WorkOrderCell.tsx
+++ b/packages/dfw/src/dfwcomponents/WorkOrderCell/WorkOrderCell.tsx
@@ -25,7 +25,7 @@ export const WorkOrderCell = ({
     isProductionCritical,
     overwriteLabel,
     style,
-    startButton,
+    startJobButton,
     readyForOperationButton,
     tecoButton,
     ...rest
@@ -34,7 +34,7 @@ export const WorkOrderCell = ({
     const styles = useStyles(themeStyles, { symbolDirection });
 
     const anyButtonVisible =
-        startButton?.visible ?? readyForOperationButton?.visible ?? tecoButton?.visible;
+        startJobButton?.visible ?? readyForOperationButton?.visible ?? tecoButton?.visible;
     const currentDate = moment();
     const iconsAndLabels = useMemo(
         () =>
@@ -74,12 +74,12 @@ export const WorkOrderCell = ({
                         breakpoint === "xs" && { flexDirection: "column" },
                     ]}
                 >
-                    {startButton?.visible && (
+                    {startJobButton?.visible && (
                         <Button
                             title="Start job"
                             variant="outlined"
-                            disabled={startButton.disabled}
-                            onPress={startButton.onPress}
+                            disabled={startJobButton.disabled}
+                            onPress={startJobButton.onPress}
                         />
                     )}
                     {readyForOperationButton?.visible && (
diff --git a/packages/dfw/src/dfwcomponents/WorkOrderCell/types.ts b/packages/dfw/src/dfwcomponents/WorkOrderCell/types.ts
index 1fd1affcf..261c27ab3 100644
--- a/packages/dfw/src/dfwcomponents/WorkOrderCell/types.ts
+++ b/packages/dfw/src/dfwcomponents/WorkOrderCell/types.ts
@@ -28,7 +28,7 @@ export type WorkOrderCellProps = {
     isProductionCritical?: boolean;
     style?: ViewProps["style"];
     overwriteLabel?: Partial<Record<keyof WorkOrder, string>>;
-    startButton?: ButtonOptions;
+    startJobButton?: ButtonOptions;
     readyForOperationButton?: ButtonOptions;
     tecoButton?: ButtonOptions;
 } & WorkOrder;

From 856670bb1c49f5d24b5b4dfb4c529f0ac2d3f4b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonas=20Tol=C3=A5s=20Omdal?=
 <83707387+Jonas-Omdal@users.noreply.github.com>
Date: Tue, 10 Sep 2024 14:38:46 +0200
Subject: [PATCH 6/6] Update dry-points-brake.md

---
 .changeset/dry-points-brake.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/dry-points-brake.md b/.changeset/dry-points-brake.md
index 065e23e58..abb80bfd5 100644
--- a/.changeset/dry-points-brake.md
+++ b/.changeset/dry-points-brake.md
@@ -4,5 +4,5 @@
 
 Adjusted props related to data display and buttons in the `WorkOrderCell` component. Removed the
 `Id` part from the data props. Removed/adjusted the props: `showActions`, `onStartButtonPress`, `onReadyForOperationPress` 
-and `onTecoButtonPress`. New props for this: `startButton`, `readyForOperationButton` and `tecoButton`. These props have three options 
+and `onTecoButtonPress`. New props for this: `startJobButton`, `readyForOperationButton` and `tecoButton`. These props have three options 
 `visible`, `disabled` and `onpress`. Removed validations for when the buttons are displayed.