From bc001534aa3b3fd07ac70958aac4278da044dd42 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Mon, 31 Aug 2026 22:13:16 +0300
Subject: [PATCH] add outage screen icon

---
 src/ageAssurance/components/DataUnavailableScreen.tsx | 2 ++
 src/components/Error.tsx                              | 4 ++++
 2 files changed, 6 insertions(+)

diff --git a/src/ageAssurance/components/DataUnavailableScreen.tsx b/src/ageAssurance/components/DataUnavailableScreen.tsx
index 6ed49aeea9..5f4f9b84c2 100644
--- a/src/ageAssurance/components/DataUnavailableScreen.tsx
+++ b/src/ageAssurance/components/DataUnavailableScreen.tsx
@@ -3,6 +3,7 @@ import {useLingui} from '@lingui/react/macro'
 
 import {usePdsClient, useSessionApi} from '#/state/session'
 import {Error} from '#/components/Error'
+import {EmojiSad_Stroke2_Corner0_Rounded as EmojiSad} from '#/components/icons/Emoji'
 import {refetchOtherRequiredData} from '#/ageAssurance/data'
 import {IS_WEB} from '#/env'
 
@@ -25,6 +26,7 @@ export function DataUnavailableScreen() {
 
   return (
     <Error
+      icon={EmojiSad}
       title={l`Unable to load your account`}
       message={l`We couldn't load your account settings. Check your internet connection and try again.`}
       onRetry={onRetry}
diff --git a/src/components/Error.tsx b/src/components/Error.tsx
index e4d60c3d35..9b21d36456 100644
--- a/src/components/Error.tsx
+++ b/src/components/Error.tsx
@@ -4,11 +4,13 @@ import {Trans, useLingui} from '@lingui/react/macro'
 import {useGoBack} from '#/lib/hooks/useGoBack'
 import {atoms as a, useBreakpoints, useTheme} from '#/alf'
 import {Button, ButtonIcon, ButtonText} from '#/components/Button'
+import {type Props as SVGIconProps} from '#/components/icons/common'
 import * as Layout from '#/components/Layout'
 import {Loader} from '#/components/Loader'
 import {Text} from '#/components/Typography'
 
 export function Error({
+  icon: Icon,
   title,
   message,
   onRetry,
@@ -17,6 +19,7 @@ export function Error({
   secondaryAction,
   isRetrying,
 }: {
+  icon?: React.ComponentType<SVGIconProps>
   title?: string
   message?: string
   onRetry?: () => unknown
@@ -44,6 +47,7 @@ export function Error({
         {paddingTop: 175, paddingBottom: 110},
       ]}>
       <View style={[a.w_full, a.align_center, a.gap_lg]}>
+        {Icon && <Icon size="4xl" fill={t.atoms.text_contrast_medium.color} />}
         <Text style={[a.font_semi_bold, a.text_3xl]}>{title}</Text>
         <Text
           style={[