small improvements to onboarding flow

dubinc · Nov 16, 2024 · f972d6a · f972d6a
1 parent 8f682df
commit f972d6a
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 8 deletions.
diff --git a/apps/web/app/app.dub.co/(dashboard)/[slug]/settings/payouts/compliance-button.tsx b/apps/web/app/app.dub.co/(dashboard)/[slug]/settings/payouts/compliance-button.tsx
@@ -43,15 +43,18 @@ export const ComplianceButton = () => {
         <Modal
           showModal={modalState.show}
           setShowModal={() => setModalState({ show: false, iframeSrc: "" })}
-          className="h-[90vh] w-full max-w-[90vw]"
+          className="h-[90vh] w-full max-w-[90vw] p-4"
         >
           <button
             onClick={() => setModalState({ show: false, iframeSrc: "" })}
             className="group absolute right-4 top-4 rounded-full p-2 transition-colors hover:bg-neutral-100"
           >
             <X className="size-5 text-neutral-700 transition-all group-hover:scale-110 group-active:scale-90" />
           </button>
-          <iframe src={modalState.iframeSrc} className="h-full w-full" />
+          <iframe
+            src={modalState.iframeSrc}
+            className="h-full w-full rounded-lg"
+          />
         </Modal>
       )}
       <Button

diff --git a/apps/web/app/partners.dub.co/(dashboard)/[partnerId]/settings/page-client.tsx b/apps/web/app/partners.dub.co/(dashboard)/[partnerId]/settings/page-client.tsx
@@ -157,7 +157,7 @@ function ProfileForm({ partner }: { partner: PartnerProps }) {
                       ? "border-red-300 pr-10 text-red-900 placeholder-red-300 focus:border-red-500 focus:ring-red-500"
                       : "border-gray-300 text-gray-900 placeholder-gray-400 focus:border-gray-500 focus:ring-gray-500",
                   )}
-                  placeholder="Tell us about your business"
+                  placeholder="Tell us about the kind of content you create – e.g. tech, travel, fashion, etc."
                   minRows={3}
                   maxRows={10}
                   {...register("description")}

diff --git a/apps/web/app/partners.dub.co/(dashboard)/[partnerId]/settings/payouts/page-client.tsx b/apps/web/app/partners.dub.co/(dashboard)/[partnerId]/settings/payouts/page-client.tsx
@@ -61,15 +61,18 @@ export function PayoutsSettingsPageClient() {
           showModal={modalState.show}
           setShowModal={() => setModalState({ show: false, iframeSrc: "" })}
           onClose={() => mutate()}
-          className="h-[90vh] w-full sm:max-w-[90vw]"
+          className="h-full w-full bg-white p-4 sm:h-[80vh] sm:max-w-md"
         >
           <button
             onClick={() => setModalState({ show: false, iframeSrc: "" })}
             className="group absolute right-4 top-8 rounded-full p-2 transition-colors hover:bg-neutral-100 sm:top-4"
           >
             <X className="size-5 text-neutral-700 transition-all group-hover:scale-110 group-active:scale-90" />
           </button>
-          <iframe src={modalState.iframeSrc} className="h-full w-full" />
+          <iframe
+            src={modalState.iframeSrc}
+            className="h-full w-full rounded-lg"
+          />
         </Modal>
       )}
       <div className="min-h-screen">

diff --git a/apps/web/app/partners.dub.co/(onboarding)/onboarding/onboarding-form.tsx b/apps/web/app/partners.dub.co/(onboarding)/onboarding/onboarding-form.tsx
@@ -165,7 +165,7 @@ export function OnboardingForm() {
               ? "border-red-300 pr-10 text-red-900 placeholder-red-300 focus:border-red-500 focus:ring-red-500"
               : "border-gray-300 text-gray-900 placeholder-gray-400 focus:border-gray-500 focus:ring-gray-500",
           )}
-          placeholder="Tell us about your business"
+          placeholder="Tell us about the kind of content you create – e.g. tech, travel, fashion, etc."
           minRows={3}
           {...register("description")}
         />

diff --git a/apps/web/emails/partner-invite.tsx b/apps/web/emails/partner-invite.tsx
@@ -44,8 +44,8 @@ export default function PartnerInvite({
             </Heading>
 
             <Text className="text-sm leading-6 text-gray-600">
-              Acme uses Dub to power their partnership programs and wants to
-              partner with great people like yourself!
+              {programName} uses Dub Partners to power their partnership
+              programs and wants to partner with great people like yourself!
             </Text>
 
             <Section className="mb-12 mt-8">