turash/bugulma/frontend/components/organization/ContactInfoLine.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

32 lines
802 B
TypeScript

import React from 'react';
interface ContactInfoLineProps {
icon: React.ReactNode;
href?: string;
children?: React.ReactNode;
}
const ContactInfoLine = ({ icon, href, children }: ContactInfoLineProps) => {
const content = href ? (
<a
href={href}
className="hover:underline truncate"
target={href.startsWith('http') ? '_blank' : undefined}
rel={href.startsWith('http') ? 'noopener noreferrer' : undefined}
>
{children}
</a>
) : (
<span className="truncate">{children}</span>
);
return (
<div className="flex items-center gap-3 p-2 rounded-md transition-colors hover:bg-muted/50">
<div className="shrink-0">{icon}</div>
<div className="min-w-0">{content}</div>
</div>
);
};
export default React.memo(ContactInfoLine);