cleanup(shopify): change save to next and never disable it during onboarding

Author: skeptrunedev

clients/trieve-shopify-extension/app/components/onboarding/Onboarding.tsx

@@ -45,10 +45,10 @@ export const Onboarding = () => {
                   "flex w-full justify-between items-center p-1 px-2",
                 )}
               >
-                <div className="flex gap-2">
+                <div className="flex gap-2 items-center">
                   <div
                     className={cn(
-                      "transition-colors duration-100",
+                      "transition-colors duration-100 text-base",
                       isCurrent ? "text-black" : "text-neutral-500",
                     )}
                   >

clients/trieve-shopify-extension/app/components/onboarding/SetPromptsOnboarding.tsx

@@ -13,7 +13,7 @@ import { withSuspense } from "app/utils/suspense";
 import { trackCustomerEvent } from "app/processors/shopifyTrackers";
 
 export const SetPromptsOnboarding: OnboardingBody = withSuspense(
-  ({ broadcastCompletion }) => {
+  ({ broadcastCompletion, goToNextStep }) => {
     const { trieve, organization, trieveKey } = useTrieve();
     // this info is already preloaded in root loader
     const { data: shopDataset, refetch } = useSuspenseQuery(
@@ -34,6 +34,10 @@ export const SetPromptsOnboarding: OnboardingBody = withSuspense(
         organization.organization.id,
         trieveKey.key,
       );
+
+      if (goToNextStep) {
+        goToNextStep();
+      }
     };
 
     const [datasetSettings, setDatasetSettings] = useState<DatasetConfig>(
@@ -127,13 +131,8 @@ export const SetPromptsOnboarding: OnboardingBody = withSuspense(
             autoComplete="off"
           />
           <div className="flex w-full pt-3 justify-end">
-            <Button
-              submit
-              disabled={
-                !hasChangedFromPageLoad || saveSettingsMutation.isPending
-              }
-            >
-              Save
+            <Button submit disabled={saveSettingsMutation.isPending}>
+              {hasChangedFromPageLoad ? "Save" : "Next"}
             </Button>
           </div>
         </form>