Fix

Author: MartinBraquet

web/components/optional-profile-form.tsx

@@ -52,11 +52,11 @@ export const OptionalProfileUserForm = (props: {
   setProfile: <K extends keyof ProfileWithoutUser>(key: K, value: ProfileWithoutUser[K]) => void
   user: User
   buttonLabel?: string
+  classNameNext?: string
   fromSignup?: boolean
-  bottomBarVisible?: boolean
   onSubmit?: () => Promise<void>
 }) => {
-  const {profile, user, buttonLabel, setProfile, fromSignup, onSubmit, bottomBarVisible = true} = props
+  const {profile, user, buttonLabel, setProfile, fromSignup, onSubmit, classNameNext} = props
 
   const [isSubmitting, setIsSubmitting] = useState(false)
   const [lookingRelationship, setLookingRelationship] = useState((profile.pref_relation_styles || []).includes('relationship'))
@@ -817,7 +817,7 @@ export const OptionalProfileUserForm = (props: {
 
         <Row className={'justify-end'}>
           <Button
-            className={`fixed bottom-[calc(${bottomBarVisible ? "90" : "30"}px + var(--bnh))] lg:bottom-6 right-4 sm:right-60 z-50 text-xl`}
+            className={clsx("fixed bottom-[calc(90px+var(--bnh))] lg:bottom-6 right-4 sm:right-60 z-50 text-xl", classNameNext)}
             disabled={isSubmitting}
             loading={isSubmitting}
             onClick={handleSubmit}