refactor(git-panel): Make GitPanel a feature based component and update imports

2026-03-07 15:07:38 +00:00 · 2026-02-20 07:11:00 +03:00
parent 61fd3116a2
commit ce57bec8e1
21 changed files with 2366 additions and 1429 deletions
--- a/src/components/git-panel/view/modals/ConfirmActionModal.tsx
+++ b/src/components/git-panel/view/modals/ConfirmActionModal.tsx
@@ -0,0 +1,71 @@
+import { AlertTriangle, Check, Download, Trash2, Upload } from 'lucide-react';
+import {
+  CONFIRMATION_ACTION_LABELS,
+  CONFIRMATION_BUTTON_CLASSES,
+  CONFIRMATION_ICON_CLASSES,
+  CONFIRMATION_ICON_CONTAINER_CLASSES,
+  CONFIRMATION_TITLES,
+} from '../../constants/constants';
+import type { ConfirmationRequest } from '../../types/types';
+
+type ConfirmActionModalProps = {
+  action: ConfirmationRequest | null;
+  onCancel: () => void;
+  onConfirm: () => void;
+};
+
+function renderConfirmActionIcon(actionType: ConfirmationRequest['type']) {
+  if (actionType === 'discard' || actionType === 'delete') {
+    return <Trash2 className="w-4 h-4" />;
+  }
+
+  if (actionType === 'commit') {
+    return <Check className="w-4 h-4" />;
+  }
+
+  if (actionType === 'pull') {
+    return <Download className="w-4 h-4" />;
+  }
+
+  return <Upload className="w-4 h-4" />;
+}
+
+export default function ConfirmActionModal({ action, onCancel, onConfirm }: ConfirmActionModalProps) {
+  if (!action) {
+    return null;
+  }
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+      <div className="fixed inset-0 bg-black/60 backdrop-blur-sm" onClick={onCancel} />
+      <div className="relative bg-card border border-border rounded-xl shadow-2xl max-w-md w-full overflow-hidden">
+        <div className="p-6">
+          <div className="flex items-center mb-4">
+            <div className={`p-2 rounded-full mr-3 ${CONFIRMATION_ICON_CONTAINER_CLASSES[action.type]}`}>
+              {renderConfirmActionIcon(action.type)}
+            </div>
+            <h3 className="text-lg font-semibold text-foreground">{CONFIRMATION_TITLES[action.type]}</h3>
+          </div>
+
+          <p className="text-sm text-muted-foreground mb-6">{action.message}</p>
+
+          <div className="flex justify-end space-x-3">
+            <button
+              onClick={onCancel}
+              className="px-4 py-2 text-sm text-muted-foreground hover:text-foreground hover:bg-accent rounded-lg transition-colors"
+            >
+              Cancel
+            </button>
+            <button
+              onClick={onConfirm}
+              className={`px-4 py-2 text-sm text-white rounded-lg transition-colors flex items-center space-x-2 ${CONFIRMATION_BUTTON_CLASSES[action.type]}`}
+            >
+              {renderConfirmActionIcon(action.type)}
+              <span>{CONFIRMATION_ACTION_LABELS[action.type]}</span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}