landing page updates

libs/carrier-portal/member-search/src/lib/member-search/member-search.component.html

@@ -97,7 +97,7 @@ <h2>Search Results</h2>
             <tr *ngFor="let result of searchResults">
               <ng-container *ngFor="let member of result.members">
                 <td>
-                  <a [routerLink]="['..', 'members', result.id]">
+                  <a [routerLink]="['members', result.id]">
                     {{ result.person_name.first_name }}
                     {{ result.person_name.last_name }}
                   </a>

libs/carrier-portal/shell/src/lib/library.routes.ts

@@ -9,7 +9,7 @@ export const carrierPortalShellRoutes: Route[] = [
     component: ShellComponent,
     children: [
       {
-        path: 'member-search',
+        path: '',
         loadChildren: () =>
           import('@enroll/carrier-portal/member-search').then(
             (m) => m.carrierPortalMemberSearchRoutes
@@ -31,15 +31,6 @@ export const carrierPortalShellRoutes: Route[] = [
           ),
         canActivate: [AuthGuard],
       },
-
-      {
-        path: '',
-        loadChildren: () =>
-          import('@enroll/carrier-portal/landing-page').then(
-            (m) => m.carrierPortalLandingPageRoutes
-          ),
-        canActivate: [AuthGuard],
-      },
     ],
   },
 ];

libs/console/shell/src/lib/shell/shell.component.html

@@ -26,10 +26,27 @@
   </div>
 </div>
 <main>
-  <div class="portal-data" *ngIf="lastUpdatedData$ | async as lastUpdated">
-    <ng-container *ngIf="lastUpdated.ok">
-      Data current as of: {{ lastUpdated.data.last_update_at }}
+  <div class="portal-data">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 16 16"
+      height="20"
+      width="20"
+    >
+      <path
+        fill="#201F1E"
+        d="M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2Zm0 1a5 5 0 1 0 0 10A5 5 0 0 0 8 3Zm-.498 2a.5.5 0 0 1 .491.41l.009.09V8H9.5a.5.5 0 0 1 .09.992L9.5 9H7.502a.5.5 0 0 1-.492-.41l-.008-.09v-3a.5.5 0 0 1 .5-.5Z"
+      />
+    </svg>
+    Data current as of:
+
+    <ng-container *ngIf="lastUpdatedData$ | async as lastUpdated; else newDeb">
+      <ng-container *ngIf="lastUpdated.ok">
+        {{ lastUpdated.data.last_update_at }}
+      </ng-container>
     </ng-container>
+    <ng-template #newDeb> ... loading </ng-template>
   </div>
   <router-outlet></router-outlet>
 </main>

libs/console/shell/src/lib/shell/shell.component.scss

@@ -16,7 +16,7 @@
   grid-template-columns: 1fr;
   grid-template-rows: max-content 1fr max-content;
   grid-template-areas: 'title' 'nav' 'user';
-  background-color: var(--grey-050);
+  background-color: var(--sidenav-background, chartreuse);
   gap: 1.5rem;
 
   color: var(--grey-160);
@@ -86,6 +86,16 @@ main {
   overflow-y: auto;
 }
 
+.portal-data {
+  display: inline-flex;
+  background-color: var(--info-tint);
+  font-size: 16px;
+  padding: 4px 6px;
+  border-radius: 5px;
+  gap: 6px;
+  align-items: center;
+}
+
 ul ul {
   margin-left: 2rem;
 }

libs/shared/theme/src/lib/styles/partials/_color.scss

@@ -12,13 +12,14 @@
   --grey-100: hsl(30, 2%, 50%);
   --grey-130: hsl(30, 2%, 37%);
   --grey-150: hsl(30, 2%, 23%);
-  --grey-160: hsl(30, 2%, 19%);
+  --grey-160: #31302f;
   --grey-190: hsl(30, 3%, 12%);
 
-  --body-color: hsl(0, 0%, 97%);
+  --body-color: hsl(0, 100%, 100%);
 
   --info-color: hsl(202, 100%, 27%);
-  --info-tint: hsl(202, 62%, 88%);
+
+  --info-tint: hsl(198, 28%, 93%);
   --success-color: hsl(130, 97%, 23%);
   --success-tint: hsl(130, 61%, 86%);
   --warning-color: hsl(44, 100%, 45%);
@@ -27,12 +28,14 @@
   --error-color: hsl(0, 69%, 38%);
   --error-tint: hsl(0, 80%, 86%);
 
-  --type-primary: var(--grey-160, chartreuse);
-  --type-secondary: var(--grey-130, chartreuse);
+  --type-primary: hsl(202, 29%, 17%);
+  --type-secondary: hsl(195, 2%, 37%);
   --type-placeholder: var(--grey-090, chartreuse);
   --type-disabled: hsl(20, 1%, 52%); // new color?
 
   --heading-color: var(--type-primary);
+
+  --sidenav-background: hsl(204, 6%, 85%);
 }
 
 body {