fix: ui tweaks for setting own price (#882)

* fix: ui tweaks for setting own price * fix: verbiage
brave · Sep 11, 2023 · c519a65 · c519a65
1 parent fa01f8d
commit c519a65
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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
       }