From fe795e904fefcc515a4c2007f8ba24a7d5121b45 Mon Sep 17 00:00:00 2001
From: Natalie Martin <natalie@permanent.org>
Date: Fri, 6 Dec 2024 13:13:29 -0600
Subject: [PATCH] Use FontAwesome Pro icons in Glam Onboarding

PER-9893
---
 .../archive-type-icon.component.ts            | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/app/onboarding/components/glam/archive-type-icon/archive-type-icon.component.ts b/src/app/onboarding/components/glam/archive-type-icon/archive-type-icon.component.ts
index 2b0005277..a192d0616 100644
--- a/src/app/onboarding/components/glam/archive-type-icon/archive-type-icon.component.ts
+++ b/src/app/onboarding/components/glam/archive-type-icon/archive-type-icon.component.ts
@@ -1,7 +1,13 @@
 import { Component, Input } from '@angular/core';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { faHeart, faUser } from '@fortawesome/free-regular-svg-icons';
-import { faScroll } from '@fortawesome/free-solid-svg-icons';
+import {
+  faBuildingColumns,
+  faFamily,
+  faHeart,
+  faPeopleGroup,
+  faScrollOld,
+  faUser,
+} from '@fortawesome/pro-regular-svg-icons';
 import { OnboardingTypes } from '@root/app/onboarding/shared/onboarding-screen';
 
 @Component({
@@ -12,10 +18,14 @@ import { OnboardingTypes } from '@root/app/onboarding/shared/onboarding-screen';
 })
 export class ArchiveTypeIconComponent {
   @Input() public type: OnboardingTypes = OnboardingTypes.myself;
-  public readonly icons = {
+  public readonly icons: Record<OnboardingTypes, typeof faHeart> = {
     'type:myself': faHeart,
     'type:individual': faUser,
-    'type:family': faHeart,
-    'type:famhist': faScroll,
+    'type:family': faFamily,
+    'type:famhist': faScrollOld,
+    'type:community': faPeopleGroup,
+    'type:org': faBuildingColumns,
+    'type:other': faHeart,
+    'type:unsure': faHeart,
   };
 }