feat: Manage & analytics pages (#28)

Co-authored-by: Thanh Quy - wolf <524H0124@student.tdtu.edu.vn> Reviewed-on: #28 Reviewed-by: TakahashiNguyen <takahashi.ng@icloud.com> Co-authored-by: TaNguyenThanhQuy <tanguyenthanhquy@noreply.localhost> Co-committed-by: TaNguyenThanhQuy <tanguyenthanhquy@noreply.localhost>
2026-04-06 14:09:45 +00:00
parent 68930cfd9c
commit fd57a35820
105 changed files with 6776 additions and 1008 deletions
@@ -0,0 +1,44 @@
+"use client";
+
+import { ShopCard } from "@/components/molecules/cards";
+import { MOCK_SHOPS } from "@/lib/constants";
+
+import type { ShopGridProps } from "./ShopGrid.types";
+
+export default function ShopGrid({
+  searchName = "",
+  searchAddress = "",
+}: ShopGridProps) {
+  const filtered = MOCK_SHOPS.filter((shop) => {
+    const matchesName =
+      searchName.trim() === "" ||
+      shop.name.toLowerCase().includes(searchName.toLowerCase());
+    const matchesAddress =
+      searchAddress.trim() === "" ||
+      shop.address.toLowerCase().includes(searchAddress.toLowerCase());
+    return matchesName && matchesAddress;
+  });
+
+  if (filtered.length === 0) {
+    return (
+      <div className="flex flex-col items-center justify-center gap-4 py-24 text-(--color-text-muted)">
+        <i className="fa-solid fa-store text-5xl opacity-30"></i>
+        <p className="text-base font-medium">Không tìm thấy quán nào phù hợp</p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
+      {filtered.map((shop) => (
+        <ShopCard
+          key={shop.id}
+          id={shop.id}
+          name={shop.name}
+          address={shop.address}
+          image={shop.image}
+        />
+      ))}
+    </div>
+  );
+}