Skip to content

chore: loại bỏ emoji khỏi giao diện, thay bằng icon nhất quán #34

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Phongxuan123 merged 1 commit into from
Jul 25, 2026
Merged

chore: loại bỏ emoji khỏi giao diện, thay bằng icon nhất quán #34

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions admin/src/pages/Nodes.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1271,7 +1271,7 @@ export default function Nodes() {
: "bg-slate-905 text-slate-400 hover:text-slate-200"
}`}
>
🔥 Làm nóng (Warmups)
Làm nóng (Warmups)
</button>
<button
type="button"
Expand All @@ -1282,7 +1282,7 @@ export default function Nodes() {
: "bg-slate-905 text-slate-400 hover:text-slate-200"
}`}
>
⚡ Lesson Flow
Lesson Flow
</button>
<button
type="button"
Expand All @@ -1293,7 +1293,7 @@ export default function Nodes() {
: "bg-slate-905 text-slate-400 hover:text-slate-200"
}`}
>
🎴 Thẻ nhớ
Thẻ nhớ
</button>
<button
type="button"
Expand All @@ -1304,7 +1304,7 @@ export default function Nodes() {
: "bg-slate-905 text-slate-400 hover:text-slate-200"
}`}
>
📝 Quiz bài tập
Quiz bài tập
</button>
<button
type="button"
Expand All @@ -1315,7 +1315,7 @@ export default function Nodes() {
: "bg-slate-905 text-slate-400 hover:text-slate-200"
}`}
>
🎙️ Podcast
Podcast
</button>
<button
type="button"
Expand All @@ -1326,7 +1326,7 @@ export default function Nodes() {
: "bg-slate-905 text-slate-400 hover:text-slate-200"
}`}
>
📦 Tài liệu PDF
Tài liệu PDF
</button>
</div>

Expand Down
2 changes: 1 addition & 1 deletion admin/src/pages/Philosofun.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -199,7 +199,7 @@ export default function Philosofun() {
</div>
<div className="mt-4 pt-3 border-t border-slate-900 flex items-center justify-between text-2xs text-slate-500">
<span className="truncate max-w-[180px]" title={video.videoUrl}>
🔗 {video.videoUrl}
{video.videoUrl}
</span>
<span>
{new Date(video.createdAt).toLocaleDateString('vi-VN')}
Expand Down
6 changes: 3 additions & 3 deletions admin/src/pages/Practice.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -350,7 +350,7 @@ export default function Practice() {
: 'border-transparent text-slate-400 hover:text-slate-200'
}`}
>
🎴 Flashcard Ôn Tập
Flashcard Ôn Tập
</button>
<button
onClick={() => setActiveTab('matching')}
Expand All @@ -360,7 +360,7 @@ export default function Practice() {
: 'border-transparent text-slate-400 hover:text-slate-200'
}`}
>
🧩 Ghép Cặp (Shinkei)
Ghép Cặp (Shinkei)
</button>
<button
onClick={() => setActiveTab('quiz')}
Expand All @@ -370,7 +370,7 @@ export default function Practice() {
: 'border-transparent text-slate-400 hover:text-slate-200'
}`}
>
📝 Quiz Tổng Hợp
Quiz Tổng Hợp
</button>
</div>

Expand Down
4 changes: 2 additions & 2 deletions frontend/src/components/practice/SpacedRepetitionDeck.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -166,7 +166,7 @@ export default function SpacedRepetitionDeck({
}}
className="bg-amber-55 hover:bg-amber-100 text-amber-900 border-2 border-amber-300 px-6 py-3 rounded-3xl text-sm font-bold transition-all shadow-sm flex flex-col items-center justify-center gap-0.5"
>
<span className="text-base flex items-center gap-1">🟡 Khó</span>
<span className="text-base flex items-center gap-1">Khó</span>
<span className="text-[10px] font-normal text-amber-800 uppercase tracking-wide">Học lại</span>
</button>
<button
Expand All @@ -176,7 +176,7 @@ export default function SpacedRepetitionDeck({
}}
className="bg-emerald-55 hover:bg-emerald-100 text-emerald-900 border-2 border-emerald-300 px-6 py-3 rounded-3xl text-sm font-bold transition-all shadow-sm flex flex-col items-center justify-center gap-0.5"
>
<span className="text-base flex items-center gap-1">🟢 Dễ</span>
<span className="text-base flex items-center gap-1">Dễ</span>
<span className="text-[10px] font-normal text-emerald-800 uppercase tracking-wide">Thuộc bài</span>
</button>
</div>
Expand Down
4 changes: 2 additions & 2 deletions frontend/src/pages/DebateCorner.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -185,7 +185,7 @@ const DebateCorner = () => {
: "text-gray-600 hover:text-gray-800 dark:text-primary-350 dark:hover:text-primary-100"
}`}
>
🎭 Kịch bản có sẵn
Kịch bản có sẵn
</button>
<button
type="button"
Expand All @@ -196,7 +196,7 @@ const DebateCorner = () => {
: "text-gray-600 hover:text-gray-800 dark:text-primary-350 dark:hover:text-primary-100"
}`}
>
📚 Khái niệm bài học
Khái niệm bài học
</button>
</div>
</div>
Expand Down
6 changes: 4 additions & 2 deletions frontend/src/pages/MatchingQuiz.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -284,7 +284,7 @@ export default function MatchingQuiz() {
đúng đem lại 20 điểm. Trả lời sai bị trừ 5 điểm!
</p>
<div className="bg-amber-500/10 border border-amber-500/30 rounded-3xl py-3 px-6 text-amber-300 font-bold inline-block text-sm tracking-wide">
✨ Rèn Luyện Tư Duy Hệ Thống ✨
Rèn Luyện Tư Duy Hệ Thống
</div>
<div>
<button
Expand All @@ -300,7 +300,9 @@ export default function MatchingQuiz() {
// GAME OVER/VICTORY SCREEN
<div className="bg-gradient-to-br from-primary-900 via-slate-900 to-slate-900 text-white rounded-3xl p-8 border-2 border-amber-500 shadow-2xl text-center space-y-6 max-w-xl mx-auto relative overflow-hidden">
<div className="absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(245,158,11,0.15),transparent)] pointer-events-none" />
<div className="animate-bounce inline-block text-6xl">🏆</div>
<span className="material-symbols-outlined animate-bounce inline-block text-6xl text-amber-400">
emoji_events
</span>
<h3 className="text-3xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-amber-400 via-yellow-200 to-amber-500 tracking-wider">
HOÀN THÀNH THỬ THÁCH!
</h3>
Expand Down
6 changes: 3 additions & 3 deletions frontend/src/pages/Practice.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -263,7 +263,7 @@ export default function Practice() {
: "text-gray-600 dark:text-slate-400 hover:text-gray-800 dark:hover:text-slate-200"
}`}
>
🎴 Flashcard Ôn Tập
Flashcard Ôn Tập
</button>
<button
onClick={() => setActiveTab("shinkei")}
Expand All @@ -273,7 +273,7 @@ export default function Practice() {
: "text-gray-600 dark:text-slate-400 hover:text-gray-800 dark:hover:text-slate-200"
}`}
>
🧩 Ghép Cặp (Shinkei)
Ghép Cặp (Shinkei)
</button>
<button
onClick={() => setActiveTab("quiz")}
Expand All @@ -283,7 +283,7 @@ export default function Practice() {
: "text-gray-600 dark:text-slate-400 hover:text-gray-800 dark:hover:text-slate-200"
}`}
>
📝 Quiz Tổng Hợp
Quiz Tổng Hợp
</button>
</div>
</div>
Expand Down
8 changes: 5 additions & 3 deletions frontend/src/pages/lesson/components/FinalQuiz.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -115,9 +115,11 @@ export function FinalQuiz({ dbFlashcards, onComplete }) {
? "bg-gradient-to-br from-emerald-50 to-green-50/30 border-green-200 text-green-950"
: "bg-gradient-to-br from-rose-50 to-red-50/30 border-primary-200 dark:border-primary-800 text-primary-950"
}`}>
<div className="text-5xl animate-bounce">
{passed ? "🏆" : "❌"}
</div>
<span
className={`material-symbols-outlined text-5xl animate-bounce ${passed ? "text-amber-400" : "text-red-500"}`}
>
{passed ? "emoji_events" : "cancel"}
</span>
<h3 className="text-2xl font-extrabold tracking-wide">
{passed ? "VƯỢT QUA KỲ KIỂM TRA!" : "KẾT QUẢ KHÔNG ĐẠT!"}
</h3>
Expand Down
10 changes: 7 additions & 3 deletions frontend/src/pages/lesson/components/WarmupSection.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -138,7 +138,7 @@ function WorldviewFilterGame({ data, onDone }) {
Đồng chí hãy nhập vai thành một nhà biện chứng thực tế! Nhiệm vụ của đồng chí là phân loại đúng <strong>5 tình huống/phát ngôn thực tế</strong> vào 3 nhóm thế giới quan khác nhau trong vòng <strong>60 giây</strong> để mở khóa danh hiệu huyền thoại:
</p>
<div className="bg-amber-500/10 border border-amber-500/30 rounded-3xl py-3 px-6 text-amber-300 font-bold inline-block text-base tracking-wide">
✨ Bậc Thầy Nhìn Thấu Nhân Sinh ✨
Bậc Thầy Nhìn Thấu Nhân Sinh
</div>
<div>
<button
Expand All @@ -157,7 +157,9 @@ function WorldviewFilterGame({ data, onDone }) {
return (
<div className="bg-gradient-to-br from-amber-950 via-slate-900 to-slate-900 text-white rounded-3xl p-8 border-2 border-amber-500 shadow-2xl text-center space-y-6 relative overflow-hidden">
<div className="absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(245,158,11,0.15),transparent)] pointer-events-none" />
<div className="animate-bounce inline-block text-6xl">🏆</div>
<span className="material-symbols-outlined animate-bounce inline-block text-6xl text-amber-400">
emoji_events
</span>
<h3 className="text-3xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-amber-400 via-yellow-200 to-amber-500 tracking-wider">
CHÚC MỪNG CHIẾN THẮNG!
</h3>
Expand Down Expand Up @@ -194,7 +196,9 @@ function WorldviewFilterGame({ data, onDone }) {
if (isGameOver) {
return (
<div className="bg-slate-950 text-white rounded-3xl p-8 border border-red-600/30 shadow-xl text-center space-y-5">
<div className="text-primary-500 inline-block text-5xl">☠️</div>
<span className="material-symbols-outlined text-primary-500 inline-block text-5xl">
sentiment_very_dissatisfied
</span>
<h3 className="text-2xl font-bold text-primary-500">THỬ THÁCH THẤT BẠI!</h3>
<p className="text-gray-350 text-sm max-w-md mx-auto">
{feedback ? feedback.text : "Đồng chí đã hết thời gian hoặc lựa chọn nhầm thế giới quan cảm tính!"}
Expand Down
Loading