From c519a65ca8c87ab3e19f2a804cbd2224b8a4be18 Mon Sep 17 00:00:00 2001
From: Ian Krieger <48930920+IanKrieger@users.noreply.github.com>
Date: Mon, 11 Sep 2023 08:58:50 -0400
Subject: [PATCH] fix: ui tweaks for setting own price (#882)

* fix: ui tweaks for setting own price

* fix: verbiage
---
 src/auth/registration/NameField.tsx                          | 2 +-
 .../advanced/components/campaign/fields/BudgetField.tsx      | 2 +-
 .../advanced/components/form/components/PaymentButton.tsx    | 5 ++++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/auth/registration/NameField.tsx b/src/auth/registration/NameField.tsx
index bce9d986..92dbe07a 100644
--- a/src/auth/registration/NameField.tsx
+++ b/src/auth/registration/NameField.tsx
@@ -7,7 +7,7 @@ export function NameField() {
     <Box flexGrow={1}>
       <Typography variant="subtitle1" gutterBottom>
         Thank you for choosing Brave&rsquo;s Ads Platform! Let&rsquo;s get you
-        setup with your account. First, we&rsquo;ll need your info.
+        set up with your account. First, we&rsquo;ll need your info.
       </Typography>
 
       <MarginedDivider />
diff --git a/src/user/views/adsManager/views/advanced/components/campaign/fields/BudgetField.tsx b/src/user/views/adsManager/views/advanced/components/campaign/fields/BudgetField.tsx
index 9232a52c..f5b22b1e 100644
--- a/src/user/views/adsManager/views/advanced/components/campaign/fields/BudgetField.tsx
+++ b/src/user/views/adsManager/views/advanced/components/campaign/fields/BudgetField.tsx
@@ -76,7 +76,7 @@ export function BudgetField() {
             .
           </Typography>
         ) : (
-          <Stack direction="row" spacing={2} alignItems="center">
+          <Stack direction="column" spacing={2} alignItems="flex-start">
             <FormikTextField
               fullWidth={false}
               name="price"
diff --git a/src/user/views/adsManager/views/advanced/components/form/components/PaymentButton.tsx b/src/user/views/adsManager/views/advanced/components/form/components/PaymentButton.tsx
index aa9c8fb1..950e86f9 100644
--- a/src/user/views/adsManager/views/advanced/components/form/components/PaymentButton.tsx
+++ b/src/user/views/adsManager/views/advanced/components/form/components/PaymentButton.tsx
@@ -1,14 +1,17 @@
 import { FormikSubmitButton, useIsEdit } from "form/FormikHelpers";
+import { useAdvertiser } from "auth/hooks/queries/useAdvertiser";
 
 export function PaymentButton(props: { hasPaymentIntent: boolean }) {
+  const { advertiser } = useAdvertiser();
   const { isEdit } = useIsEdit();
   const paymentText = "Make payment & submit for approval";
 
+  console.log();
   return (
     <FormikSubmitButton
       isCreate={!props.hasPaymentIntent || !isEdit}
       label={
-        props.hasPaymentIntent
+        props.hasPaymentIntent || advertiser.selfServiceSetPrice
           ? `${isEdit ? "Update" : "Create"} & Submit For Approval`
           : paymentText
       }