From 14a2328c81ed6c5978cb21fcedd9f46c0509055f Mon Sep 17 00:00:00 2001 From: Kshitij <160704796+kshitij-ka@users.noreply.github.com> Date: Sun, 3 May 2026 01:41:46 +0530 Subject: [PATCH] Revert "refactor: remove emoji icons and normalize dashes in client UI." This reverts commit 33fe20021afc45312d6f53645cc3424b20543c73. --- web/client/src/api/standards.js | 2 +- web/client/src/components/StandardModal.jsx | 9 ++++++- web/client/src/pages/Categories.jsx | 30 +++++++++++++++++++++ web/client/src/pages/Home.jsx | 11 ++++---- web/client/src/pages/Recommend.jsx | 9 ++++--- web/client/src/pages/Standards.jsx | 6 +++-- 6 files changed, 54 insertions(+), 13 deletions(-) diff --git a/web/client/src/api/standards.js b/web/client/src/api/standards.js index 3a18846..232e374 100644 --- a/web/client/src/api/standards.js +++ b/web/client/src/api/standards.js @@ -13,7 +13,7 @@ async function safeFetch(url, options = {}) { try { res = await fetch(url, options); } catch (networkErr) { - const err = new Error(`Network error - is the server running? (${networkErr.message})`); + const err = new Error(`Network error — is the server running? (${networkErr.message})`); err.cause = networkErr; throw err; } diff --git a/web/client/src/components/StandardModal.jsx b/web/client/src/components/StandardModal.jsx index 9c68814..d048795 100644 --- a/web/client/src/components/StandardModal.jsx +++ b/web/client/src/components/StandardModal.jsx @@ -86,7 +86,9 @@ export default function StandardModal({ standard, onClose }) { ref={closeBtnRef} onClick={onClose} aria-label={t("modal.closeLabel")} - /> + > + ✕ + {/* Standard detail */} @@ -126,6 +128,7 @@ export default function StandardModal({ standard, onClose }) { {/* AI chat panel */}

+ {t("modal.askAI")}

@@ -133,11 +136,15 @@ export default function StandardModal({ standard, onClose }) {
{messages.map((m, i) => (
+ {m.role === "ai" && ( + ✦ + )}

{m.text}

))} {asking && (
+ diff --git a/web/client/src/pages/Categories.jsx b/web/client/src/pages/Categories.jsx index 9e83ed5..6eb4012 100644 --- a/web/client/src/pages/Categories.jsx +++ b/web/client/src/pages/Categories.jsx @@ -4,6 +4,33 @@ import { useTranslation } from "react-i18next"; import { fetchCategories } from "../api/standards"; import "./Categories.css"; +const CATEGORY_ICONS = { + "Adhesives": "🧲", + "Bitumen and Tar Products": "🛣️", + "Builder's Hardware": "🔩", + "Building Limes": "🪨", + "Cement and Concrete": "🏗️", + "Concrete Reinforcement": "⚙️", + "Doors, Windows and Shutters": "🚪", + "Electrical Installations": "⚡", + "Floor, Wall, Roof Coverings and Finishes": "🏛️", + "Gypsum Building Materials": "🏺", + "Light Metal and Their Alloys": "🔧", + "Paints, Varnishes and Allied Products": "🎨", + "Pipes and Fittings": "🔧", + "Sanitary Appliances and Water Fittings": "🚿", + "Stones": "🪨", + "Structural Shapes": "📐", + "Structural Steels": "🏗️", + "Thermal Insulation Materials": "🌡️", + "Threaded Fasteners and Rivets": "🔩", + "Timber": "🪵", + "Water Proofing and Damp Proofing Materials": "💧", + "Welding Electrodes and Wires": "🔌", + "Wire Ropes and Wire Products": "🪢", + "Wood Products": "🪵", + "Wood Products for Building": "🏠", +}; export default function Categories() { const { t } = useTranslation(); @@ -49,6 +76,9 @@ export default function Categories() { role="listitem" onClick={() => navigate(`/standards?category=${encodeURIComponent(cat.name)}`)} > + {cat.name} {t("categories.standardCount", { count: cat.count })} diff --git a/web/client/src/pages/Home.jsx b/web/client/src/pages/Home.jsx index 8433618..5cd8a0c 100644 --- a/web/client/src/pages/Home.jsx +++ b/web/client/src/pages/Home.jsx @@ -23,10 +23,10 @@ export default function Home() { }; const PILLARS = [ - { titleKey: "home.pillar_instantRetrieval_title", bodyKey: "home.pillar_instantRetrieval_body" }, - { titleKey: "home.pillar_sectionDetail_title", bodyKey: "home.pillar_sectionDetail_body" }, - { titleKey: "home.pillar_categories_title", bodyKey: "home.pillar_categories_body" }, - { titleKey: "home.pillar_officialSource_title", bodyKey: "home.pillar_officialSource_body" }, + { icon: "⚡", titleKey: "home.pillar_instantRetrieval_title", bodyKey: "home.pillar_instantRetrieval_body" }, + { icon: "📐", titleKey: "home.pillar_sectionDetail_title", bodyKey: "home.pillar_sectionDetail_body" }, + { icon: "🗂", titleKey: "home.pillar_categories_title", bodyKey: "home.pillar_categories_body" }, + { icon: "🔒", titleKey: "home.pillar_officialSource_title", bodyKey: "home.pillar_officialSource_body" }, ]; return ( @@ -116,8 +116,9 @@ export default function Home() {
- {PILLARS.map(({ titleKey, bodyKey }) => ( + {PILLARS.map(({ icon, titleKey, bodyKey }) => (
+

{t(titleKey)}

{t(bodyKey)}

diff --git a/web/client/src/pages/Recommend.jsx b/web/client/src/pages/Recommend.jsx index 409b211..bb4f101 100644 --- a/web/client/src/pages/Recommend.jsx +++ b/web/client/src/pages/Recommend.jsx @@ -128,8 +128,8 @@ export default function Recommend() { {loading && (
- - + +
)} @@ -232,9 +232,10 @@ function LatencyBadge({ label, ms, accent, bold }) { ); } -function LoadingStep({ label, delay }) { +function LoadingStep({ icon, label, delay }) { return (
+ {label}
); @@ -250,7 +251,7 @@ function SearchIcon() { } function SpinIcon() { - return
@@ -129,7 +131,7 @@ export default function Standards() { {loading ? t("standards.searching") : t("standards.found", { count: meta.total })} - {!loading && meta.total > 0 && ` -- ${t("standards.page", { page: meta.page, total: meta.totalPages })}`} + {!loading && meta.total > 0 && ` — ${t("standards.page", { page: meta.page, total: meta.totalPages })}`}

)}