chore: add prettier with config and format all files
This commit is contained in:
@@ -1,18 +1,30 @@
|
||||
interface Props {
|
||||
title: string;
|
||||
onEdit: () => void;
|
||||
title: string;
|
||||
onEdit: () => void;
|
||||
onDelete: () => void;
|
||||
}
|
||||
|
||||
export default function DividerCard({ title, onEdit, onDelete }: Props) {
|
||||
return (
|
||||
<div className="h-full flex items-center bg-gray-900/30 rounded border border-gray-600/40 px-4 gap-4 overflow-hidden">
|
||||
<span className="text-sm font-bold text-gray-200 uppercase tracking-widest shrink-0">{title}</span>
|
||||
<span className="text-sm font-bold text-gray-200 uppercase tracking-widest shrink-0">
|
||||
{title}
|
||||
</span>
|
||||
<div className="flex-1 h-px bg-gray-600" />
|
||||
<div className="flex gap-1 shrink-0">
|
||||
<button onClick={onEdit} className="text-xs text-gray-500 hover:text-white px-1.5 py-0.5 rounded hover:bg-gray-700">✏️</button>
|
||||
<button onClick={onDelete} className="text-xs text-gray-500 hover:text-red-400 px-1.5 py-0.5 rounded hover:bg-gray-700">🗑</button>
|
||||
<button
|
||||
onClick={onEdit}
|
||||
className="text-xs text-gray-500 hover:text-white px-1.5 py-0.5 rounded hover:bg-gray-700"
|
||||
>
|
||||
✏️
|
||||
</button>
|
||||
<button
|
||||
onClick={onDelete}
|
||||
className="text-xs text-gray-500 hover:text-red-400 px-1.5 py-0.5 rounded hover:bg-gray-700"
|
||||
>
|
||||
🗑
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user