Skip to content

Dev #131

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
ajeaiexecutes merged 3 commits into from
May 14, 2026
Merged

Dev #131

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
e0309bd
feat:responsive
ajeaiexecutes May 14, 2026
384713b
fix:lint error
ajeaiexecutes May 14, 2026
5b3edcc
fix:lint error catch in local
ajeaiexecutes May 14, 2026
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
1 change: 1 addition & 0 deletions apps/core-api/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@
"build": "tsc",
"start": "ts-node src/server.ts",
"start:prod": "node dist/server.js",
"typecheck": "tsc --noEmit",
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
Expand Down
6 changes: 3 additions & 3 deletions apps/web/app/brand-profile-page/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ interface BrandData {

const LoadingState = () => (
<>
<DashboardHeader />
<DashboardHeader isPill={true} />
<div className="min-h-[80vh] flex flex-col items-center justify-center gap-4 text-emerald-500 pt-20">
<div className="relative">
<Loader2 className="w-12 h-12 animate-spin" />
Expand All @@ -60,7 +60,7 @@ const LoadingState = () => (

const ErrorState = ({ message }: { message: string }) => (
<>
<DashboardHeader />
<DashboardHeader isPill={true} />
<div className="min-h-[80vh] flex flex-col items-center justify-center gap-6 p-4 pt-20 text-center">
<div className="w-20 h-20 bg-rose-50 text-rose-500 rounded-3xl flex items-center justify-center shadow-sm">
<AlertCircle className="w-10 h-10" />
Expand Down Expand Up @@ -108,7 +108,7 @@ function BrandProfileContent() {

return (
<div className="min-h-screen bg-[#FAFAFA] font-sans selection:bg-emerald-100 selection:text-emerald-900">
<DashboardHeader />
<DashboardHeader isPill={true} />

<main className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 pt-28 space-y-8">

Expand Down
86 changes: 33 additions & 53 deletions apps/web/app/gig-details/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,8 @@ import {
import { ReportingModal } from "@/components/shared/ReportingModal";
import api from "@/lib/axios.client";
import { useAuthStore } from "@/store/auth.store";
import DashboardHeader from "@/components/DashboardHeader";
import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";

interface GigData {
_id: string;
Expand Down Expand Up @@ -173,9 +174,9 @@ function GigDetailsContent() {
)}

{/* Navbar */}
<DashboardHeader />
<Navbar />

<main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 flex-1 w-full">
<main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-28 sm:pt-36 pb-12 flex-1 w-full">
{/* Breadcrumb */}
<div className="flex items-center text-sm text-gray-500 mb-8 font-medium">
<Link href="/" className="hover:text-gray-900">Home</Link>
Expand Down Expand Up @@ -213,10 +214,12 @@ function GigDetailsContent() {
</div>
</div>

{/* Header */}
{/* Content Wrapper */}
<div>
<Link href={`/influencer-profile-page?id=${influencer?._id}`} className="flex items-center gap-4 mb-6 hover:opacity-80 transition-opacity bg-white p-4 rounded-3xl border border-slate-100 shadow-sm w-fit">
<div className="relative w-16 h-16 rounded-full overflow-hidden border-2 border-emerald-100 shadow-sm bg-emerald-50 flex items-center justify-center font-bold text-emerald-600 text-xl">
{/* Header & Mobile Action */}
<div className="flex flex-row items-center justify-between gap-3 sm:gap-6 mb-8">
<Link href={`/influencer-profile-page?id=${influencer?._id}`} className="flex items-center gap-3 sm:gap-4 hover:opacity-80 transition-opacity bg-white p-2.5 sm:p-4 rounded-2xl sm:rounded-3xl border border-slate-100 shadow-sm flex-1 min-w-0 group">
<div className="relative w-12 h-12 sm:w-16 sm:h-16 rounded-full overflow-hidden border-2 border-emerald-100 shadow-sm bg-emerald-50 flex items-center justify-center font-bold text-emerald-600 text-lg sm:text-xl">
{avatar ? (
<>
<Image
Expand All @@ -238,27 +241,45 @@ function GigDetailsContent() {
(influencer?.fullName || "I").charAt(0).toUpperCase()
)}
</div>
<div>
<div className="min-w-0 flex-1">
<div className="flex items-center gap-2">
<h1 className="text-xl font-bold text-gray-900">{influencer?.fullName || "Unknown Creator"}</h1>
<h1 className="text-lg sm:text-xl font-bold text-gray-900 truncate">{influencer?.fullName || "Unknown Creator"}</h1>
{influencer?.isVerified && (
<span className="bg-[#E6F6ED] text-[#0CAF60] text-xs font-bold px-2 py-0.5 rounded-full flex items-center gap-1">
<span className="bg-[#E6F6ED] text-[#0CAF60] text-[10px] sm:text-xs font-bold px-2 py-0.5 rounded-full flex items-center gap-1">
<CheckCircle2 className="w-3 h-3 fill-current" />
Verified
</span>
)}
</div>
<div className="text-xs text-gray-500 flex items-center gap-2 mt-0.5 font-medium">
<div className="text-[10px] sm:text-xs text-gray-500 flex items-center gap-2 mt-0.5 font-medium">
<span>{influencer.categories.join(" & ")}</span>
<span className="w-1 h-1 bg-gray-300 rounded-full"></span>
<span className="flex items-center text-gray-700">
<Star className="w-3.5 h-3.5 fill-yellow-400 text-yellow-400 mr-1" />
<span className="font-bold">New Creator</span>
<span className="font-bold">New</span>
</span>
</div>
</div>
</Link>

{/* Mobile/Tablet Request Button */}
<div className="lg:hidden">
<button
onClick={() => {
if (!user) {
router.push(`/login?redirect=${encodeURIComponent(window.location.pathname + window.location.search)}`);
return;
}
setIsModalOpen(true);
}}
disabled={!isInitialized || alreadyRequested || isRequestSuccess}
className="h-12 sm:h-14 px-8 bg-emerald-500 hover:bg-emerald-600 disabled:bg-slate-200 disabled:text-slate-400 text-white rounded-2xl font-bold text-sm sm:text-base transition-all shadow-lg shadow-emerald-500/20 whitespace-nowrap"
>
{alreadyRequested ? "Requested" : "Request Now"}
</button>
</div>
</div>

<h2 className="text-4xl font-black text-gray-900 leading-tight mb-5 pr-8">
{gig.title}
</h2>
Expand Down Expand Up @@ -438,48 +459,6 @@ function GigDetailsContent() {
</div>
</main>

{/* Footer */}
<footer className="bg-[#0F172A] pt-28 pb-16 text-slate-400 mt-20">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex flex-col md:flex-row justify-between items-center gap-12 pb-20 border-b border-white/5">
<div className="flex items-center gap-3 group cursor-pointer">
<div className="w-10 h-10 text-white bg-[#10B981] rounded-xl flex items-center justify-center transition-all group-hover:rotate-12">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="h-6 w-6 text-white">
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" />
</svg>
</div>
<span className="text-2xl font-black text-white tracking-tight ">Noillin</span>
</div>

<div className="flex gap-16 text-[13px] font-bold uppercase tracking-widest">
{["About", "Support", "Privacy", "Terms"].map(l => (
<a key={l} href="#" className="hover:text-emerald-500 transition-colors">{l}</a>
))}
</div>

<div className="flex items-center gap-8">
{[
{ label: "SECURE PAYMENTS", icon: "🔒" },
{ label: "VERIFIED PROFILES", icon: "✔" }
].map((badge, i) => (
<div key={i} className="flex items-center gap-3 text-[10px] font-black tracking-[.2em] opacity-80 group">
<span className="text-emerald-500 text-lg group-hover:scale-125 transition-transform">{badge.icon}</span>
<span className="text-slate-100">{badge.label}</span>
</div>
))}
</div>
</div>

<div className="pt-12 flex flex-col md:flex-row justify-between items-center gap-6 text-[11px] font-bold tracking-widest opacity-30">
<p>&copy; 2026 NOILLIN INC. ALL RIGHTS RESERVED.</p>
<p className="flex items-center gap-2">
<Zap className="w-3 h-3 fill-white" />
BUILT FOR THE FUTURE OF INFLUENCE
</p>
</div>
</div>
</footer>

{/* Booking Modal */}
{/* Booking Modal */}
{isModalOpen && (
Expand Down Expand Up @@ -557,6 +536,7 @@ function GigDetailsContent() {
entityId={gig._id}
entityType="GIG"
/>
<Footer />
</div>
);
}
Expand Down
53 changes: 7 additions & 46 deletions apps/web/app/gig-list/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,11 @@
import { useState, useEffect, useCallback } from "react";
import Link from "next/link";
import Image from "next/image";
import { Zap, Check, ArrowRight, Calendar } from "lucide-react";
import { Check, ArrowRight, Calendar } from "lucide-react";

import api from "@/lib/axios.client";
import DashboardHeader from "@/components/DashboardHeader";
import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";
// ─── Types ───────────────────────────────────────────────────────────────────

type ViewMode = "grid" | "list";
Expand Down Expand Up @@ -421,7 +422,7 @@ export default function ExploreGigs() {
return (
<div className="min-h-screen bg-[#F1F5F9] text-slate-900 font-sans selection:bg-emerald-100 selection:text-emerald-900 pt-20">
{/* Navbar */}
<DashboardHeader />
<Navbar />

<div className="max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8 py-12">
{/* Header Section */}
Expand Down Expand Up @@ -683,47 +684,7 @@ export default function ExploreGigs() {
)}
</div>

{/* Footer */}
<footer className="bg-[#0F172A] pt-28 pb-16 text-slate-400">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex flex-col md:flex-row justify-between items-center gap-12 pb-20 border-b border-white/5">
<div className="flex items-center gap-3 group cursor-pointer">
<div className="w-10 h-10 text-white bg-[#10B981] rounded-xl flex items-center justify-center transition-all group-hover:rotate-12">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="h-6 w-6 text-white">
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" />
</svg>
</div>
<span className="text-2xl font-black text-white tracking-tight ">Noillin</span>
</div>

<div className="flex gap-16 text-[13px] font-bold uppercase tracking-widest">
{["About", "Support", "Privacy", "Terms"].map(l => (
<a key={l} href="#" className="hover:text-emerald-500 transition-colors">{l}</a>
))}
</div>

<div className="flex items-center gap-8">
{[
{ label: "SECURE PAYMENTS", icon: "🔒" },
{ label: "VERIFIED PROFILES", icon: "✔" }
].map((badge, i) => (
<div key={i} className="flex items-center gap-3 text-[10px] font-black tracking-[.2em] opacity-80 group">
<span className="text-emerald-500 text-lg group-hover:scale-125 transition-transform">{badge.icon}</span>
<span className="text-slate-100">{badge.label}</span>
</div>
))}
</div>
</div>

<div className="pt-12 flex flex-col md:flex-row justify-between items-center gap-6 text-[11px] font-bold tracking-widest opacity-30">
<p>&copy; 2026 NOILLIN INC. ALL RIGHTS RESERVED.</p>
<p className="flex items-center gap-2">
<Zap className="w-3 h-3 fill-white" />
BUILT FOR THE FUTURE OF INFLUENCE
</p>
</div>
</div>
</footer >
</div >
<Footer />
</div>
);
}
}
Loading
Loading