kennethscoffee/starr-philproperties
1
0
Fork 0
mirror of https://github.com/rgrgogu/new_starr.git synced 2026-09-27 00:12:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

add: more things

Browse Source 
Signed-off-by: Kenneth Obsequio <k80308392@gmail.com>
This commit is contained in:
kennethobsequio
2026-07-06 15:21:36 +08:00
parent 41e98bb602
commit 244aa607f7
71 changed files with 2998 additions and 1014 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/modules/client/pages/CourseList.jsx
+18 -23
View File
@@ -242,7 +242,7 @@ const CoursesList = () => {
<div className="flex items-center xs:flex-col lg:flex-row gap-4">
<Input
placeholder="Search courses..."
className="w-full bg-card lg:max-w-64"
className="w-full bg-card lg:max-w-64 text-sm"
value={search}
onChange={(e) => { setSearch(e.target.value); setCurrentPage(1); }}
/>
@@ -272,31 +272,26 @@ const CoursesList = () => {
))}
</SelectContent>
</Select>
{allCategories.length > 0 && (
<Select value={categoryFilter} onValueChange={(v) => { setCategoryFilter(v); setCurrentPage(1); }}>
<SelectTrigger className="w-full lg:w-48 bg-card">
<SelectValue placeholder="Category" />
</SelectTrigger>
<SelectContent>
<SelectItem value="All">All Categories</SelectItem>
{allCategories.map((cat) => (
<SelectItem key={cat.id} value={String(cat.id)}>
{cat.name}
</SelectItem>
))}
</SelectContent>
</Select>
)}
</div>
</div>
</div>
{/* Product category chips */}
{allCategories.length > 0 && (
<div className="flex items-center gap-2 flex-wrap">
<button
className={`px-3 py-1 rounded-full text-sm border transition-colors ${categoryFilter === "All" ? "bg-primary text-primary-foreground border-primary" : "bg-card border-border hover:bg-muted"}`}
onClick={() => { setCategoryFilter("All"); setCurrentPage(1); }}
>
All
</button>
{allCategories.map((cat) => (
<button
key={cat.id}
className={`px-3 py-1 rounded-full text-sm border transition-colors ${categoryFilter === String(cat.id) ? "bg-primary text-primary-foreground border-primary" : "bg-card border-border hover:bg-muted"}`}
onClick={() => { setCategoryFilter(String(cat.id)); setCurrentPage(1); }}
>
{cat.name}
</button>
))}
</div>
)}
{/* Advertisement Banner */}
{adLoading["course_list.banner"] ? (
<BannerSkeleton />
@@ -315,7 +310,7 @@ const CoursesList = () => {
<p className="text-md">No courses found</p>
</div>
) : (
<div className="xs:pt-12 lg:pt-0 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 mb-4">
<div className="xs:pt-12 lg:pt-0 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 mb-4 xs:px-4 lg:px-0">
{paginated.map((course) => (
<CourseCard
key={course.course_id}