ff7f5487e6
- Migrate from vanilla JavaScript SPA to Next.js 16 with App Router - Add server-side rendering for all pages (Home, Compare, Rankings) - Create individual school pages with dynamic routing (/school/[urn]) - Implement Chart.js and Leaflet map integrations - Add comprehensive SEO with sitemap, robots.txt, and JSON-LD - Set up Docker multi-service architecture (PostgreSQL, FastAPI, Next.js) - Update CI/CD pipeline to build both backend and frontend images - Fix Dockerfile to include devDependencies for TypeScript compilation - Add Jest testing configuration - Implement performance optimizations (code splitting, caching) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
45 lines
1020 B
TypeScript
45 lines
1020 B
TypeScript
/**
|
|
* EmptyState Component
|
|
* Display message when no results found
|
|
*/
|
|
|
|
import styles from './EmptyState.module.css';
|
|
|
|
interface EmptyStateProps {
|
|
title: string;
|
|
message: string;
|
|
action?: {
|
|
label: string;
|
|
onClick: () => void;
|
|
};
|
|
}
|
|
|
|
export function EmptyState({ title, message, action }: EmptyStateProps) {
|
|
return (
|
|
<div className={styles.emptyState}>
|
|
<div className={styles.icon}>
|
|
<svg
|
|
width="64"
|
|
height="64"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeWidth="1.5"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
>
|
|
<circle cx="11" cy="11" r="8" />
|
|
<path d="m21 21-4.35-4.35" />
|
|
</svg>
|
|
</div>
|
|
<h3 className={styles.title}>{title}</h3>
|
|
<p className={styles.message}>{message}</p>
|
|
{action && (
|
|
<button onClick={action.onClick} className={styles.button}>
|
|
{action.label}
|
|
</button>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|