From 12631de53e7b121e78fe5bbfced6725592461abf Mon Sep 17 00:00:00 2001
From: joyzhao <zhaoguiyang18@gmail.com>
Date: Sun, 15 Jun 2025 17:33:17 +0800
Subject: [PATCH] refactor(i18n): update personal info and improve language
 switcher

- Update personal information in i18n files to reflect new user details
- Remove hardcoded personal info from GlassHeader and use i18n instead
- Simplify navigation items in GlassHeader by removing unused sections
- Enhance LanguageSwitcher UI with better display and chevron icon
---
 src/components/GlassHeader.tsx      |  5 +----
 src/components/LanguageSwitcher.tsx | 11 +++++++----
 src/i18n/ui.ts                      | 12 ++++++------
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/components/GlassHeader.tsx b/src/components/GlassHeader.tsx
index a517f40..5844b8f 100644
--- a/src/components/GlassHeader.tsx
+++ b/src/components/GlassHeader.tsx
@@ -1,7 +1,6 @@
 import ThemeToggle from "./ui/theme-toggle";
 import LanguageSwitcher from "./LanguageSwitcher";
 import { useTranslations, getLocalizedPath, type Lang } from "@/i18n/utils";
-import { personalInfo } from "@/lib/data";
 import { useState } from "react";
 import { Menu, X } from "lucide-react";
 import { motion, AnimatePresence } from "framer-motion";
@@ -25,7 +24,7 @@ export default function GlassHeader({ lang }: GlassHeaderProps) {
           whileHover={{ scale: 1.05 }}
           whileTap={{ scale: 0.95 }}
         >
-          ✨ {personalInfo.name}
+          ✨ {t('personal.name')}
         </motion.a>
 
         {/* Desktop Navigation */}
@@ -34,8 +33,6 @@ export default function GlassHeader({ lang }: GlassHeaderProps) {
             { key: 'nav.experience', icon: '💼 ', sectionId: 'experience' },
             { key: 'nav.skills', icon: '🛠️ ', sectionId: 'skills' },
             { key: 'nav.projects', icon: '🚀 ', sectionId: 'projects' },
-            { key: 'nav.awards', icon: '🏆 ', sectionId: 'awards' },
-            { key: 'nav.education', icon: '🎓 ', sectionId: 'education' },
           ].map(
             (item, index) => (
               <motion.a
diff --git a/src/components/LanguageSwitcher.tsx b/src/components/LanguageSwitcher.tsx
index 0e81e7c..29bc26a 100644
--- a/src/components/LanguageSwitcher.tsx
+++ b/src/components/LanguageSwitcher.tsx
@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 import { getLocalizedPath, type Lang } from "@/i18n/utils"; // getLangFromUrl is removed as Astro.currentLocale is used now.
 import { languages as i18nLanguages, defaultLang } from "@/i18n/ui";
-import { Languages, Check } from "lucide-react";
+import { Languages, Check, ChevronDown } from "lucide-react";
 import { motion, AnimatePresence } from "framer-motion";
 
 const availableLanguages = Object.entries(i18nLanguages).map(([code, name]) => ({
@@ -73,11 +73,14 @@ export default function LanguageSwitcher({ lang: initialLang }: LanguageSwitcher
     <div className="relative">
       <motion.button
         onClick={toggleOpen}
-        className="p-2 rounded-md hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
-        aria-label="Change language"
+        className="flex items-center p-2 rounded-md hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-sm"
+        aria-label={`Change language, current language is ${selectedLanguage.name}`}
         whileTap={{ scale: 0.95 }}
       >
-        <Languages size={20} />
+        <span className="mr-1.5">{selectedLanguage.icon}</span>
+        <span className="hidden sm:inline">{selectedLanguage.name}</span>
+        <span className="sm:hidden">{selectedLanguage.code.toUpperCase()}</span>
+        <ChevronDown size={16} className={`ml-1.5 transition-transform duration-200 ${isOpen ? 'rotate-180' : ''}`} />
       </motion.button>
       <AnimatePresence>
         {isOpen && (
diff --git a/src/i18n/ui.ts b/src/i18n/ui.ts
index 9ec87ee..a1b3903 100644
--- a/src/i18n/ui.ts
+++ b/src/i18n/ui.ts
@@ -19,9 +19,9 @@ export const ui = {
     'page.home.title': 'Home',
 
     // Personal Info
-    'personal.name': 'Rishikesh S',
-    'personal.title': 'Software Engineer 👨‍💻',
-    'personal.location': 'Coimbatore, India',
+    'personal.name': 'Joy Zhao',
+    'personal.title': 'Full Stack Engineer 👨‍💻',
+    'personal.location': 'China',
     'personal.email': 'rkesh2003@gmail.com',
 
     // Hero Section
@@ -162,9 +162,9 @@ export const ui = {
     'page.home.title': '首页',
 
     // Personal Info
-    'personal.name': 'Rishikesh S',
-    'personal.title': '软件工程师 👨‍💻',
-    'personal.location': '哥印拜陀，印度',
+    'personal.name': 'Joy Zhao',
+    'personal.title': '全栈工程师  👨‍💻',
+    'personal.location': '中国',
     'personal.email': 'rkesh2003@gmail.com',
 
     // Hero Section