From ada47802b32f6cf45c6dbcc054874047b6a4d5f3 Mon Sep 17 00:00:00 2001
From: David Walsh <davidwalsh83@gmail.com>
Date: Tue, 14 Mar 2023 01:48:27 -0500
Subject: [PATCH] UX: Loaclize the avatar-favicon description text (#18132)

---
 .../component-library/avatar-favicon/avatar-favicon.js       | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/ui/components/component-library/avatar-favicon/avatar-favicon.js b/ui/components/component-library/avatar-favicon/avatar-favicon.js
index 1cd1d144b..c06b7220f 100644
--- a/ui/components/component-library/avatar-favicon/avatar-favicon.js
+++ b/ui/components/component-library/avatar-favicon/avatar-favicon.js
@@ -12,6 +12,7 @@ import {
   JustifyContent,
   IconColor,
 } from '../../../helpers/constants/design-system';
+import { useI18nContext } from '../../../hooks/useI18nContext';
 import { AVATAR_FAVICON_SIZES } from './avatar-favicon.constants';
 
 export const AvatarFavicon = ({
@@ -23,6 +24,8 @@ export const AvatarFavicon = ({
   borderColor = BorderColor.transparent,
   ...props
 }) => {
+  const t = useI18nContext();
+
   return (
     <AvatarBase
       size={size}
@@ -36,7 +39,7 @@ export const AvatarFavicon = ({
         <img
           className="mm-avatar-favicon__image"
           src={src}
-          alt={`${name} logo`}
+          alt={t('logo', [name])}
         />
       ) : (
         <Icon