mirror of
https://github.com/SamyRai/turash.git
synced 2025-12-26 23:01:33 +00:00
6347f42e20
- Remove nested git repository from bugulma/frontend/.git - Add all frontend files to main repository tracking - Convert from separate frontend/backend repos to unified monorepo - Preserve all frontend code and development history as tracked files - Eliminate nested repository complexity for simpler development workflow This creates a proper monorepo structure with frontend and backend coexisting in the same repository for easier development and deployment.
27 lines
820 B
TypeScript
27 lines
820 B
TypeScript
import React from 'react';
|
|
|
|
const DemoCard = ({
|
|
icon,
|
|
sector,
|
|
item,
|
|
type,
|
|
}: {
|
|
icon: React.ReactElement<{ className?: string }>;
|
|
sector: string;
|
|
item: string;
|
|
type: 'Offer' | 'Need';
|
|
}) => (
|
|
<div className="relative w-full sm:w-5/12 p-6 rounded-xl bg-card border shadow-md text-center">
|
|
<div className="absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-1 bg-primary text-primary-foreground text-xs font-semibold rounded-full">
|
|
{type}
|
|
</div>
|
|
<div className="h-16 w-16 mb-4 mx-auto rounded-full flex items-center justify-center bg-muted">
|
|
{React.cloneElement(icon, { className: 'h-8 w-8 text-primary' })}
|
|
</div>
|
|
<p className="font-semibold text-lg">{item}</p>
|
|
<p className="text-sm text-muted-foreground">{sector}</p>
|
|
</div>
|
|
);
|
|
|
|
export default React.memo(DemoCard);
|