Changes button spinner to white and Replay Run button changes to secondary variant (#1912)

* Uses the white variant of the spinner instead of dark on the replay run button

* Changes the replay run button on the run page to secondary

Author: samejr

apps/webapp/app/components/runs/v3/ReplayRunDialog.tsx

@@ -11,7 +11,7 @@ import { InputGroup } from "~/components/primitives/InputGroup";
 import { Label } from "~/components/primitives/Label";
 import { Paragraph } from "~/components/primitives/Paragraph";
 import { Select, SelectItem } from "~/components/primitives/Select";
-import { ButtonSpinner, Spinner } from "~/components/primitives/Spinner";
+import { Spinner, SpinnerWhite } from "~/components/primitives/Spinner";
 import { type loader } from "~/routes/resources.taskruns.$runParam.replay";
 
 type ReplayRunDialogProps = {
@@ -157,7 +157,7 @@ function ReplayForm({
         <Button
           type="submit"
           variant="primary/medium"
-          LeadingIcon={isSubmitting ? ButtonSpinner : undefined}
+          LeadingIcon={isSubmitting ? SpinnerWhite : undefined}
           disabled={isSubmitting}
           shortcut={{ modifiers: ["mod"], key: "enter", enabledOnInputElements: true }}
         >

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.$runParam/route.tsx

@@ -224,9 +224,10 @@ export default function Page() {
           <Dialog key={`replay-${run.friendlyId}`}>
             <DialogTrigger asChild>
               <Button
-                variant="tertiary/small"
+                variant="secondary/small"
                 LeadingIcon={ArrowUturnLeftIcon}
                 shortcut={{ key: "R" }}
+                className="pr-2"
               >
                 Replay run
               </Button>