+
+ );
+ }
+
+ if (!isAuthenticated) {
+ return
+
+
+ Loading...
+
+
+
+
+
+ Partner Management
+Manage your relationships with venues, promoters, sponsors, and vendors.
+
+ console.log('Filter clicked')}
+ onAdd={() => console.log('Add clicked')}
+ />
+
+
+ {filteredPartners.length > 0 ? (
+
+ {filteredPartners.map(partner => (
+
+ ) : (
+
+
+ )}
+ No partners found
+Try adjusting your search or filters
+Partner not found
;
+
+ return (
+
+ {/* Header Profile */}
+
+
+
+
+
+
+ {/* Quick Stats */}
+
+
+
+ {partner.logo ? (
+ 
+ ) : (
+ {partner.name.substring(0, 2)}
+ )}
+
+
+
+
+
+
+
+
+
+ {partner.name}
+
+
+
+ {partner.name}
+
+
+
+
+
+
+
+
+
+
+
+
+ {partner.primaryContact.name.substring(0, 2)}
+
+
+
+ {partner.primaryContact.name}
+{partner.primaryContact.role}
+
+
+
+
+
+ {/* Tabs Content */}
+
+
+
+
+ Total Revenue
+₹{partner.metrics.totalRevenue.toLocaleString()}
+
+
+
+
+
+
+ Open Balance
+₹{partner.metrics.openBalance.toLocaleString()}
+
+
+
+
+
+
+ Active Deals
+{partner.metrics.activeDeals}
+
+
+
+
+
+
+ Events
+{partner.metrics.eventsCount}
+
+
+
+
+
+
+
+
+ Overview
+ Assignments
+ Deal Terms
+ Financials
+ Documents
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Partner Details
+
+ Legal Name
+ {partner.companyDetails?.legalName || partner.name}
+ Tax ID
+ {partner.companyDetails?.taxId || '-'}
+ Website
+ {partner.companyDetails?.website || '-'}
+
+
+ Tags & Notes
+
+ {partner.tags.map(tag => (
+ {tag}
+ ))}
+
+
+ {partner.notes || "No notes added for this partner."}
+
+
+
+ Ledger & Settlements
+ +
+
+
+
+ {ledger.length === 0 &&
+ | Date | +Description | +Type | +Amount | +Status | +
|---|---|---|---|---|
| {new Date(entry.createdAt).toLocaleDateString()} | +
+ {entry.description}
+ {entry.referenceId && Ref: {entry.referenceId} }
+ |
+ + {entry.amount < 0 ? '-' : '+'}₹{Math.abs(entry.amount).toLocaleString()} + | ++ {entry.status} + | +
No transactions found
}
+
+
+ Contracts & Documents
+ +
+ {documents.map(doc => (
+
+
+
+ ))}
+
+
+
+
+
+ {doc.name}
+{doc.type} • {doc.status}
+Uploaded {new Date(doc.uploadedAt).toLocaleDateString()}
+
+
+
+
+ {dealTerms.map(term => (
+ Active Deal Terms
+ +
+
+ ))}
+
+ {term.status}
+
+
+
+
+ {term.name}
+
+
+
+ {term.name}
+ v{term.version}
+
+ Effective from {new Date(term.effectiveFrom).toLocaleDateString()}
+
+
+
+ Type
+ {term.type}
+
+
+ Parameters
+
+ {term.type === 'RevenueShare' ? `${term.params.percentage}% Share` :
+ term.type === 'CommissionPerTicket' ? `₹${term.params.amount} per ticket` : 'Custom'}
+
+
+
+
+ No event assignments yet
+Assign this partner to an upcoming event
+ + navigate(`/partners/${partner.id}`)}
+ >
+
+ );
+}
diff --git a/src/features/partners/components/PartnerFilters.tsx b/src/features/partners/components/PartnerFilters.tsx
new file mode 100644
index 0000000..6966e29
--- /dev/null
+++ b/src/features/partners/components/PartnerFilters.tsx
@@ -0,0 +1,35 @@
+import { Search, Filter, Plus } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+
+interface PartnerFiltersProps {
+ onSearch: (query: string) => void;
+ onFilter: () => void;
+ onAdd: () => void;
+}
+
+export function PartnerFilters({ onSearch, onFilter, onAdd }: PartnerFiltersProps) {
+ return (
+
+
+
+
+
+
+
+ {partner.logo ? (
+
+ ) : (
+ {partner.name.substring(0, 2)}
+ )}
+
+
+
+ {partner.name}
+
+
+ e.stopPropagation()}>
+
+
+
+
+
+ navigate(`/partners/${partner.id}`)}>View Details
+ Assign to Event
+ Suspend Partner
+
+
+
+
+
+
+
+
+
+
{partner.metrics.activeDeals}
+
+
+
+
₹{partner.metrics.openBalance.toLocaleString()}
+
+ {partner.primaryContact.name}
+
+ View Portal
+
+
+ );
+}
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
new file mode 100644
index 0000000..cea96ef
--- /dev/null
+++ b/src/pages/Login.tsx
@@ -0,0 +1,109 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useAuth } from '@/contexts/AuthContext';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { LogIn } from 'lucide-react';
+
+export default function Login() {
+ const [username, setUsername] = useState('');
+ const [password, setPassword] = useState('');
+ const [isLoading, setIsLoading] = useState(false);
+ const { login } = useAuth();
+ const navigate = useNavigate();
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault();
+
+ if (!username || !password) {
+ return;
+ }
+
+ try {
+ setIsLoading(true);
+ await login(username, password);
+ navigate('/');
+ } catch (error) {
+ // Error handling is done in AuthContext
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ return (
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/services/auth.ts b/src/services/auth.ts
new file mode 100644
index 0000000..1ff3c49
--- /dev/null
+++ b/src/services/auth.ts
@@ -0,0 +1,165 @@
+// Authentication service based on UAT admin panel pattern
+
+const AUTH_API_URL = import.meta.env.VITE_AUTH_API_URL || 'https://uat.eventifyplus.com/api/';
+
+export interface AuthUser {
+ username: string;
+ token: string;
+ first_name?: string;
+ last_name?: string;
+ email?: string;
+ profile_photo?: string;
+}
+
+export interface LoginResponse {
+ username: string;
+ token: string;
+ message?: string;
+ user?: {
+ first_name?: string;
+ last_name?: string;
+ email?: string;
+ phone_number?: string;
+ profile_photo?: string;
+ };
+}
+
+export class AuthError extends Error {
+ isInvalidToken: boolean = false;
+
+ constructor(message: string, isInvalidToken: boolean = false) {
+ super(message);
+ this.name = 'AuthError';
+ this.isInvalidToken = isInvalidToken;
+ }
+}
+
+/**
+ * Login with username and password
+ */
+export const login = async (username: string, password: string): Promise
+ {/* Login Card */}
+
+
+ {/* Logo/Title */}
+
+
+
+
+ {/* Login Form */}
+
+
+ {/* Footer */}
+
+
+
+
+ Eventify Admin Panel
++ Welcome back! Sign in to manage your platform. +
+
+ Eventify Command Center v1.0
+
+