turash/bugulma/frontend/components/organization/HistoricalContextCard.tsx
Damir Mukimov 6347f42e20
Consolidate repositories: Remove nested frontend .git and merge into main repository
- 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.
2025-11-25 06:02:57 +01:00

38 lines
1.5 KiB
TypeScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import React from 'react';
import { HistoricalLandmark, Page } from '@/types.ts';
import { Card, CardContent } from '@/components/ui/Card.tsx';
import { History } from 'lucide-react';
import Button from '@/components/ui/Button.tsx';
interface HistoricalContextCardProps {
landmark: HistoricalLandmark;
onNavigate: (page: Page) => void;
}
const HistoricalContextCard = ({ landmark, onNavigate }: HistoricalContextCardProps) => {
return (
<Card className="bg-warning/10 border-warning/20">
<CardContent className="p-6 text-center">
<div className="h-12 w-12 mx-auto rounded-full flex items-center justify-center bg-warning/20 text-warning-foreground mb-3">
<History className="h-4 h-6 text-current w-4 w-6" />
</div>
<h3 className="text-base font-semibold text-warning-foreground">Исторический контекст</h3>
<p className="text-sm text-warning-foreground/80 mt-1">
Это здание является историческим объектом:{' '}
<span className="font-semibold">{landmark.name}</span>, построенным в {landmark.period}.
</p>
<Button
variant="ghost"
size="sm"
className="mt-3 text-warning-foreground hover:text-warning-foreground hover:bg-warning/20"
onClick={() => onNavigate('map')}
>
Посмотреть на карте
</Button>
</CardContent>
</Card>
);
};
export default React.memo(HistoricalContextCard);