Fix keys

BrunoQuaresma · BrunoQuaresma · commit 27d2d240a1bd · 2023-04-14T14:33:11.000Z
diff --git a/site/src/components/WorkspaceActions/WorkspaceActions.tsx b/site/src/components/WorkspaceActions/WorkspaceActions.tsx
@@ -64,29 +64,56 @@ export const WorkspaceActions: FC<WorkspaceActionsProps> = ({
 
   // A mapping of button type to the corresponding React component
   const buttonMapping: ButtonMapping = {
-    [ButtonTypesEnum.update]: <UpdateButton handleAction={handleUpdate} />,
+    [ButtonTypesEnum.update]: (
+      <UpdateButton handleAction={handleUpdate} key={ButtonTypesEnum.update} />
+    ),
     [ButtonTypesEnum.updating]: (
-      <ActionLoadingButton label={t("actionButton.updating")} />
+      <ActionLoadingButton
+        label={t("actionButton.updating")}
+        key={ButtonTypesEnum.updating}
+      />
+    ),
+    [ButtonTypesEnum.start]: (
+      <StartButton handleAction={handleStart} key={ButtonTypesEnum.start} />
     ),
-    [ButtonTypesEnum.start]: <StartButton handleAction={handleStart} />,
     [ButtonTypesEnum.starting]: (
-      <ActionLoadingButton label={t("actionButton.starting")} />
+      <ActionLoadingButton
+        label={t("actionButton.starting")}
+        key={ButtonTypesEnum.starting}
+      />
+    ),
+    [ButtonTypesEnum.stop]: (
+      <StopButton handleAction={handleStop} key={ButtonTypesEnum.stop} />
     ),
-    [ButtonTypesEnum.stop]: <StopButton handleAction={handleStop} />,
     [ButtonTypesEnum.stopping]: (
-      <ActionLoadingButton label={t("actionButton.stopping")} />
+      <ActionLoadingButton
+        label={t("actionButton.stopping")}
+        key={ButtonTypesEnum.stopping}
+      />
     ),
     [ButtonTypesEnum.deleting]: (
-      <ActionLoadingButton label={t("actionButton.deleting")} />
+      <ActionLoadingButton
+        label={t("actionButton.deleting")}
+        key={ButtonTypesEnum.deleting}
+      />
     ),
     [ButtonTypesEnum.canceling]: (
-      <DisabledButton label={t("disabledButton.canceling")} />
+      <DisabledButton
+        label={t("disabledButton.canceling")}
+        key={ButtonTypesEnum.canceling}
+      />
     ),
     [ButtonTypesEnum.deleted]: (
-      <DisabledButton label={t("disabledButton.deleted")} />
+      <DisabledButton
+        label={t("disabledButton.deleted")}
+        key={ButtonTypesEnum.deleted}
+      />
     ),
     [ButtonTypesEnum.pending]: (
-      <ActionLoadingButton label={t("disabledButton.pending")} />
+      <ActionLoadingButton
+        label={t("disabledButton.pending")}
+        key={ButtonTypesEnum.pending}
+      />
     ),
   }
 
