final

app/components/Nav.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { useState, useEffect } from 'react'
+import Image from 'next/image'
 import AuthModal from './AuthModal'
 import RedeemPointsModal from './RedeemPointsModal'
 import LanguageSwitcher from './LanguageSwitcher'
@@ -129,8 +130,18 @@ export default function Nav() {
                       fontSize: '14px', 
                       marginLeft: '12px',
                       fontWeight: 500,
+                      display: 'flex',
+                      alignItems: 'center',
+                      gap: '6px',
                     }}>
-                      ⭐ {user.referral_points.toFixed(0)} pts
+                      <Image 
+                        src="/icon_ref_points.png" 
+                        alt="Referral Points" 
+                        width={16} 
+                        height={16}
+                        style={{ display: 'inline-block', verticalAlign: 'middle' }}
+                      />
+                      {user.referral_points.toFixed(0)} pts
                     </span>
                     <button
                       onClick={() => {
@@ -152,7 +163,7 @@ export default function Nav() {
                         fontWeight: 500,
                       }}
                     >
-                      Redeem
+                      {t('redeemPoints.redeem')}
                     </button>
                   </>
                 )}