refactor(side-bar): update alt and title (#327)

1chooo · Sep 29, 2024 · f6eb5e1 · f6eb5e1
1 parent 1a753b2
commit f6eb5e1
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/apps/web/src/components/side-bar/avatar-box.tsx b/apps/web/src/components/side-bar/avatar-box.tsx
@@ -5,6 +5,15 @@ import { breakpoints } from '@/lib/constants';
 
 import "@/styles/side-bar/avatar-box.css";
 
+import config from '@/config';
+
+const { about } = config;
+const {
+  firstName,
+  lastName,
+  middleName,
+} = about;
+
 type AvatarBoxProps = {
   avatar: string;
 };
@@ -17,7 +26,7 @@ const AvatarBox: React.FC<AvatarBoxProps> = ({ avatar }) => {
       <Image
         id="profile-img"
         src={avatar}
-        alt="Hugo ChunHo Lin"
+        alt={`${firstName} (${middleName}) ${lastName}`}
         width={imageSize.width}
         height={imageSize.height}
         loading="lazy"

diff --git a/apps/web/src/components/side-bar/info-content.tsx b/apps/web/src/components/side-bar/info-content.tsx
@@ -13,7 +13,7 @@ const InfoContent: React.FC = () => (
   <div className="info-content">
     <h1
       className="name"
-      title="Chun-Ho (Hugo) Lin"
+      title={`${firstName} (${middleName}) ${lastName}`}
     >{firstName} ({middleName}) {lastName}
     </h1>
     <p className="title">