feat: redesigned Git tab layout with improved organization

2025-12-19 02:48:58 +02:00
parent 71574acf19
commit bbceccfb64
17 changed files with 1726 additions and 1058 deletions
@@ -0,0 +1,42 @@
+import React from 'react';
+import { RiGitCommitLine, RiArrowDownLine, RiLoader4Line } from '@remixicon/react';
+import { Button } from '@/components/ui/button';
+
+interface GitEmptyStateProps {
+  behind: number;
+  onPull: () => void;
+  isPulling: boolean;
+}
+
+export const GitEmptyState: React.FC<GitEmptyStateProps> = ({
+  behind,
+  onPull,
+  isPulling,
+}) => {
+  return (
+    <div className="flex flex-col items-center justify-center py-12 px-4 text-center">
+      <RiGitCommitLine className="size-10 text-emerald-500/60 mb-4" />
+      <p className="typography-ui-label font-semibold text-foreground mb-1">
+        Working tree clean
+      </p>
+      <p className="typography-meta text-muted-foreground mb-4">
+        All changes have been committed
+      </p>
+
+      {behind > 0 && (
+        <Button
+          variant="outline"
+          onClick={onPull}
+          disabled={isPulling}
+        >
+          {isPulling ? (
+            <RiLoader4Line className="size-4 animate-spin" />
+          ) : (
+            <RiArrowDownLine className="size-4" />
+          )}
+          Pull {behind} commit{behind === 1 ? '' : 's'}
+        </Button>
+      )}
+    </div>
+  );
+};