put stop first and drop the stop glyph

Author: charlesvien

packages/ui/src/features/loops/components/LoopRunRow.tsx

@@ -6,7 +6,6 @@ import {
   type Icon,
   Lightning,
   Play,
-  Stop,
   Timer,
   Warning,
   X,
@@ -188,7 +187,6 @@ export function LoopRunRow({
             size="1"
             onClick={() => setStopOpen(true)}
           >
-            <Stop size={12} weight="bold" />
             Stop run
           </Button>
         ) : null}

packages/ui/src/features/loops/components/LoopsListView.tsx

@@ -3,7 +3,6 @@ import {
   CloudIcon,
   PlusIcon,
   RepeatIcon,
-  StopIcon,
 } from "@phosphor-icons/react";
 import type { LoopSchemas } from "@posthog/api-client/loops";
 import type { UserBasic } from "@posthog/shared/domain-types";
@@ -278,19 +277,18 @@ function BuilderSessionRow({
       </Flex>
       <Button
         variant="soft"
+        color="red"
         size="1"
-        onClick={() => onResume?.(session.taskId)}
+        onClick={() => setConfirmStop(true)}
       >
-        Resume
+        Stop
       </Button>
       <Button
         variant="soft"
-        color="red"
         size="1"
-        onClick={() => setConfirmStop(true)}
+        onClick={() => onResume?.(session.taskId)}
       >
-        <StopIcon size={12} weight="bold" />
-        Stop
+        Resume
       </Button>
       {confirmStop ? (
         <StopCloudRunDialog