feat: create Sign Up Copy (#3880)

* feat: create Sign Up Copy * fix: style fix * fix: reinstate success dto * fix: update icon margin --------- Co-authored-by: ColinBuyck <[email protected]> Co-authored-by: cliu02 <[email protected]>
bloom-housing · Feb 9, 2024 · 615e07b · 615e07b
1 parent 110d220
commit 615e07b
Show file tree

Hide file tree

Showing 6 changed files with 301 additions and 214 deletions.
diff --git a/api/src/dtos/users/user-create.dto.ts b/api/src/dtos/users/user-create.dto.ts
@@ -47,11 +47,11 @@ export class UserCreate extends OmitType(UserUpdate, [
   email: string;
 
   @Expose()
-  @ApiProperty()
+  @ApiPropertyOptional()
   @IsEmail({}, { groups: [ValidationsGroupsEnum.default] })
   @Match('email', { groups: [ValidationsGroupsEnum.default] })
   @EnforceLowerCase()
-  emailConfirmation: string;
+  emailConfirmation?: string;
 
   @Expose()
   @Type(() => IdDTO)

diff --git a/sites/public/src/components/account/SignUpBenefits.tsx b/sites/public/src/components/account/SignUpBenefits.tsx
@@ -17,7 +17,7 @@ const SignUpBenefits = (props: SignUpBenefitsProps) => {
   return (
     <ul className={classNames.join(" ")}>
       {iconListItems.map((item) => (
-        <li className="flex flex-row mb-2 items-center" key={`${item.text}-${props.idTag}`}>
+        <li className="flex flex-row mb-3 items-center" key={`${item.text}-${props.idTag}`}>
           <Icon
             icon={item.icon}
             size="xl"

diff --git a/sites/public/src/components/account/SignUpBenefitsHeadingGroup.tsx b/sites/public/src/components/account/SignUpBenefitsHeadingGroup.tsx
@@ -0,0 +1,16 @@
+import { t } from "@bloom-housing/ui-components"
+import { HeadingGroup } from "@bloom-housing/ui-seeds"
+
+const SignUpBenefitsHeadingGroup = (props: { mobileView: boolean }) => {
+  const classNames = props.mobileView ? "py-6 px-4" : ""
+  return (
+    <HeadingGroup
+      heading={t("account.signUpSaveTime.title")}
+      subheading={t("account.signUpSaveTime.subTitle")}
+      size="2xl"
+      className={classNames}
+    />
+  )
+}
+
+export default SignUpBenefitsHeadingGroup