From 57211acb325d87ef14cbcf8371fac7db0e145ebc Mon Sep 17 00:00:00 2001
From: Unchanted <omkkdwivedi@gmail.com>
Date: Tue, 23 Sep 2025 13:59:48 +0530
Subject: [PATCH] feat(student): added footer and changed css in job client

---
 apps/student/app/(main)/jobs/JobClient.tsx | 134 +++++++++------------
 apps/student/app/(main)/layout.tsx         |   8 +-
 apps/student/components/footer.tsx         |  23 ++++
 3 files changed, 83 insertions(+), 82 deletions(-)
 create mode 100644 apps/student/components/footer.tsx

diff --git a/apps/student/app/(main)/jobs/JobClient.tsx b/apps/student/app/(main)/jobs/JobClient.tsx
index 6daa4ca..c389007 100644
--- a/apps/student/app/(main)/jobs/JobClient.tsx
+++ b/apps/student/app/(main)/jobs/JobClient.tsx
@@ -195,12 +195,13 @@ export default function JobsPage({
           </p>
         </div>
 
-        {/* Search and Filter Section */}
-        <Card className="bg-white shadow-sm mb-8">
-          <CardContent className="p-6">
-            <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-              <div className="md:col-span-2">
-                <div className="relative">
+        {/* Search and Stats Row */}
+        <div className="grid grid-cols-1 lg:grid-cols-4 gap-6 mb-8">
+          {/* Search Bar - Takes 2 columns */}
+          <Card className="bg-white shadow-sm lg:col-span-2">
+            <CardContent className="p-6">
+              <div className="flex flex-col md:flex-row gap-3">
+                <div className="flex-1 relative">
                   <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
                   <Input
                     placeholder="Search jobs by title, company, or skills..."
@@ -209,56 +210,54 @@ export default function JobsPage({
                     onChange={(e) => handleSearch(e.target.value)}
                   />
                 </div>
+                <div className="w-40">
+                  <Select value={locationFilter} onValueChange={handleLocationFilter}>
+                    <SelectTrigger>
+                      <SelectValue placeholder="Location" />
+                    </SelectTrigger>
+                    <SelectContent>
+                      <SelectItem value="all">All Locations</SelectItem>
+                      <SelectItem value="remote">Remote</SelectItem>
+                      <SelectItem value="san francisco">On Site</SelectItem>
+                      <SelectItem value="new york">Mumbai</SelectItem>
+                      <SelectItem value="seattle">Delhi</SelectItem>
+                      <SelectItem value="austin">Banglore</SelectItem>
+                      <SelectItem value="los angeles">Gurgaon</SelectItem>
+                    </SelectContent>
+                  </Select>
+                </div>
+                <div className="w-40">
+                  <Select value={jobTypeFilter} onValueChange={handleJobTypeFilter}>
+                    <SelectTrigger>
+                      <SelectValue placeholder="Job Type" />
+                    </SelectTrigger>
+                    <SelectContent>
+                      <SelectItem value="all">All Types</SelectItem>
+                      <SelectItem value="intern">Internship</SelectItem>
+                      <SelectItem value="engineer">Engineering</SelectItem>
+                      <SelectItem value="analyst">Analyst</SelectItem>
+                      <SelectItem value="designer">Design</SelectItem>
+                      <SelectItem value="manager">Management</SelectItem>
+                    </SelectContent>
+                  </Select>
+                </div>
               </div>
-              <div>
-                <Select value={locationFilter} onValueChange={handleLocationFilter}>
-                  <SelectTrigger>
-                    <SelectValue placeholder="Location" />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="all">All Locations</SelectItem>
-                    <SelectItem value="remote">Remote</SelectItem>
-                    <SelectItem value="san francisco">On Site</SelectItem>
-                    <SelectItem value="new york">Mumbai</SelectItem>
-                    <SelectItem value="seattle">Delhi</SelectItem>
-                    <SelectItem value="austin">Banglore</SelectItem>
-                    <SelectItem value="los angeles">Gurgaon</SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-              <div>
-                <Select value={jobTypeFilter} onValueChange={handleJobTypeFilter}>
-                  <SelectTrigger>
-                    <SelectValue placeholder="Job Type" />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="all">All Types</SelectItem>
-                    <SelectItem value="intern">Internship</SelectItem>
-                    <SelectItem value="engineer">Engineering</SelectItem>
-                    <SelectItem value="analyst">Analyst</SelectItem>
-                    <SelectItem value="designer">Design</SelectItem>
-                    <SelectItem value="manager">Management</SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-            </div>
-            {(searchTerm ||
-              (locationFilter && locationFilter !== 'all') ||
-              (jobTypeFilter && jobTypeFilter !== 'all')) && (
-              <div className="mt-4 flex items-center gap-2">
-                <Button variant="outline" size="sm" onClick={clearFilters}>
-                  Clear Filters
-                </Button>
-                <span className="text-sm text-gray-500">
-                  {filteredJobs.length} of {allJobs.length} jobs
-                </span>
-              </div>
-            )}
-          </CardContent>
-        </Card>
+              {(searchTerm ||
+                (locationFilter && locationFilter !== 'all') ||
+                (jobTypeFilter && jobTypeFilter !== 'all')) && (
+                <div className="mt-4 flex items-center gap-2">
+                  <Button variant="outline" size="sm" onClick={clearFilters}>
+                    Clear Filters
+                  </Button>
+                  <span className="text-sm text-gray-500">
+                    {filteredJobs.length} of {allJobs.length} jobs
+                  </span>
+                </div>
+              )}
+            </CardContent>
+          </Card>
 
-        {/* Stats */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
+          {/* Total Jobs Stat - Takes 1 column */}
           <Card className="bg-white shadow-sm">
             <CardContent className="p-6">
               <div className="flex items-center justify-between">
@@ -271,6 +270,7 @@ export default function JobsPage({
             </CardContent>
           </Card>
 
+          {/* Active Companies Stat - Takes 1 column */}
           <Card className="bg-white shadow-sm">
             <CardContent className="p-6">
               <div className="flex items-center justify-between">
@@ -284,32 +284,6 @@ export default function JobsPage({
               </div>
             </CardContent>
           </Card>
-
-          <Card className="bg-white shadow-sm">
-            <CardContent className="p-6">
-              <div className="flex items-center justify-between">
-                <div>
-                  <p className="text-sm font-medium text-gray-600">Remote Jobs</p>
-                  <p className="text-3xl font-bold text-gray-800">
-                    {allJobs.filter((job) => job.location.toLowerCase().includes('remote')).length}
-                  </p>
-                </div>
-                <Users className="w-8 h-8 text-purple-600" />
-              </div>
-            </CardContent>
-          </Card>
-
-          <Card className="bg-white shadow-sm">
-            <CardContent className="p-6">
-              <div className="flex items-center justify-between">
-                <div>
-                  <p className="text-sm font-medium text-gray-600">Avg Salary</p>
-                  <p className="text-3xl font-bold text-gray-800">$28/hr</p>
-                </div>
-                <DollarSign className="w-8 h-8 text-orange-600" />
-              </div>
-            </CardContent>
-          </Card>
         </div>
 
         {/* Tabs */}
diff --git a/apps/student/app/(main)/layout.tsx b/apps/student/app/(main)/layout.tsx
index 8d5642a..96888a9 100644
--- a/apps/student/app/(main)/layout.tsx
+++ b/apps/student/app/(main)/layout.tsx
@@ -21,6 +21,7 @@ import {
   BookOpen
 } from 'lucide-react';
 import { signOutAction } from './actions';
+import Footer from '@/components/footer';
 
 const navLinks = [
   { 
@@ -75,7 +76,7 @@ export default function MainLayout({ children }: { children: React.ReactNode })
   };
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-100 font-sans">
+    <div className="min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-100 font-sans flex flex-col">
       {/* Modern Student Navbar */}
       <header className={`sticky top-0 z-50 w-full transition-all duration-300 ${
         isScrolled 
@@ -290,10 +291,13 @@ export default function MainLayout({ children }: { children: React.ReactNode })
       </header>
 
       {/* Main Content */}
-      <main className="min-h-screen">
+      <main className="flex-1">
         {children}
       </main>
 
+      {/* Footer */}
+      <Footer />
+
       {/* Click outside to close dropdowns */}
       {isProfileDropdownOpen && (
         <div 
diff --git a/apps/student/components/footer.tsx b/apps/student/components/footer.tsx
new file mode 100644
index 0000000..9e88ea8
--- /dev/null
+++ b/apps/student/components/footer.tsx
@@ -0,0 +1,23 @@
+export default function Footer() {
+  return (
+    <footer className="bg-white border-t border-gray-200 py-8 mt-auto">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="text-center">
+          {/* Main branding */}
+          <p className="text-gray-600 text-sm font-medium mb-2">
+            Developed and maintained by SwDC KJSSE
+          </p>
+          
+          {/* Developer names */}
+          <div className="flex flex-wrap justify-center items-center gap-2 text-xs text-gray-500">
+            <span>Om Dwivedi</span>
+            <span className="text-gray-300">•</span>
+            <span>Anushrut Pandit</span>
+            <span className="text-gray-300">•</span>
+            <span>Om Lanke</span>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}