Carlos Florêncio
428 lines
20 KiB
TypeScript
428 lines
20 KiB
TypeScript
'use client';
|
|
|
|
import { memo, useMemo, useState, useCallback, useEffect } from 'react';
|
|
import { PanelRoot, PanelBody, PanelHeaderBarSplit } from './panel-primitives';
|
|
import {
|
|
IconCloudDownload,
|
|
IconEye,
|
|
IconChevronDown,
|
|
IconGitBranch,
|
|
IconGitCherryPick,
|
|
IconGitMerge,
|
|
IconArrowRight,
|
|
} from '@tabler/icons-react';
|
|
|
|
import { Button } from '@kandev/ui/button';
|
|
import { HoverCard, HoverCardContent, HoverCardTrigger } from '@kandev/ui/hover-card';
|
|
import {
|
|
DropdownMenu,
|
|
DropdownMenuContent,
|
|
DropdownMenuItem,
|
|
DropdownMenuTrigger,
|
|
} from '@kandev/ui/dropdown-menu';
|
|
import { useAppStore } from '@/components/state-provider';
|
|
import { useSessionGitStatus } from '@/hooks/domains/session/use-session-git-status';
|
|
import { useSessionCommits } from '@/hooks/domains/session/use-session-commits';
|
|
import { useGitOperations } from '@/hooks/use-git-operations';
|
|
import { useSessionFileReviews } from '@/hooks/use-session-file-reviews';
|
|
import { useCumulativeDiff } from '@/hooks/domains/session/use-cumulative-diff';
|
|
import { hashDiff, normalizeDiffContent } from '@/components/review/types';
|
|
import type { FileInfo } from '@/lib/state/store';
|
|
import { useToast } from '@/components/toast-provider';
|
|
import { useIsTaskArchived, ArchivedPanelPlaceholder } from './task-archived-context';
|
|
import { DiscardDialog, CommitDialog, PRDialog } from './changes-panel-dialogs';
|
|
import { FileListSection, CommitsSection, ActionButtonsSection, ReviewProgressBar } from './changes-panel-timeline';
|
|
|
|
type ChangesPanelProps = {
|
|
onOpenFile: (path: string) => void;
|
|
onOpenCommitDetail?: (sha: string) => void;
|
|
onOpenDiffAll?: () => void;
|
|
onOpenReview?: () => void;
|
|
};
|
|
|
|
type CumulativeDiffFiles = Record<string, { diff?: string; status?: string; additions?: number; deletions?: number }>;
|
|
|
|
function collectReviewPaths(
|
|
gitStatus: ReturnType<typeof useSessionGitStatus>,
|
|
cumulativeDiffFiles: CumulativeDiffFiles | undefined,
|
|
): Set<string> {
|
|
const paths = new Set<string>();
|
|
if (gitStatus?.files) {
|
|
for (const [path, file] of Object.entries(gitStatus.files)) {
|
|
if (file.diff && normalizeDiffContent(file.diff)) paths.add(path);
|
|
}
|
|
}
|
|
if (cumulativeDiffFiles) {
|
|
for (const [path, file] of Object.entries(cumulativeDiffFiles)) {
|
|
if (paths.has(path)) continue;
|
|
if (file.diff && normalizeDiffContent(file.diff)) paths.add(path);
|
|
}
|
|
}
|
|
return paths;
|
|
}
|
|
|
|
function getDiffContentForPath(
|
|
path: string,
|
|
gitStatus: ReturnType<typeof useSessionGitStatus>,
|
|
cumulativeDiffFiles: CumulativeDiffFiles | undefined,
|
|
): string {
|
|
const uncommitted = gitStatus?.files?.[path];
|
|
if (uncommitted?.diff) return normalizeDiffContent(uncommitted.diff);
|
|
const cumDiff = cumulativeDiffFiles?.[path]?.diff;
|
|
if (cumDiff) return normalizeDiffContent(cumDiff);
|
|
return '';
|
|
}
|
|
|
|
function isFileReviewStale(diffContent: string, diffHash: string | undefined): boolean {
|
|
return !!(diffContent && diffHash && diffHash !== hashDiff(diffContent));
|
|
}
|
|
|
|
/** Compute review progress across uncommitted + committed files */
|
|
function computeReviewProgress(
|
|
gitStatus: ReturnType<typeof useSessionGitStatus>,
|
|
cumulativeDiff: { files?: CumulativeDiffFiles } | null,
|
|
reviews: Map<string, { reviewed: boolean; diffHash?: string }>,
|
|
) {
|
|
const cumulativeDiffFiles = cumulativeDiff?.files;
|
|
const paths = collectReviewPaths(gitStatus, cumulativeDiffFiles);
|
|
let reviewed = 0;
|
|
for (const path of paths) {
|
|
const state = reviews.get(path);
|
|
if (!state?.reviewed) continue;
|
|
const diffContent = getDiffContentForPath(path, gitStatus, cumulativeDiffFiles);
|
|
if (isFileReviewStale(diffContent, state.diffHash)) continue;
|
|
reviewed++;
|
|
}
|
|
return { reviewedCount: reviewed, totalFileCount: paths.size };
|
|
}
|
|
|
|
function computeHasAnything(hasUnstaged: boolean, hasStaged: boolean, hasCommits: boolean): boolean {
|
|
return hasUnstaged || hasStaged || hasCommits;
|
|
}
|
|
|
|
/** Determine the last timeline section for isLast logic */
|
|
function getLastTimelineSection(hasCommits: boolean, hasStaged: boolean): string {
|
|
if (hasCommits) return 'action';
|
|
if (hasStaged) return 'staged';
|
|
return 'unstaged';
|
|
}
|
|
|
|
function useChangesGitHandlers(gitOps: ReturnType<typeof useGitOperations>, toast: ReturnType<typeof useToast>['toast'], baseBranch: string | undefined) {
|
|
const handleGitOperation = useCallback(async (operation: () => Promise<{ success: boolean; output: string; error?: string }>, operationName: string) => {
|
|
try {
|
|
const result = await operation();
|
|
const variant = result.success ? 'success' : 'error';
|
|
const title = result.success ? `${operationName} successful` : `${operationName} failed`;
|
|
const description = result.success ? result.output.slice(0, 200) || `${operationName} completed` : result.error || 'An error occurred';
|
|
toast({ title, description, variant });
|
|
} catch (e) {
|
|
toast({ title: `${operationName} failed`, description: e instanceof Error ? e.message : 'An unexpected error occurred', variant: 'error' });
|
|
}
|
|
}, [toast]);
|
|
|
|
const handlePull = useCallback(() => { handleGitOperation(() => gitOps.pull(), 'Pull'); }, [handleGitOperation, gitOps]);
|
|
const handleRebase = useCallback(() => {
|
|
const targetBranch = baseBranch?.replace(/^origin\//, '') || 'main';
|
|
handleGitOperation(() => gitOps.rebase(targetBranch), 'Rebase');
|
|
}, [handleGitOperation, gitOps, baseBranch]);
|
|
const handlePush = useCallback(() => { handleGitOperation(() => gitOps.push(), 'Push'); }, [handleGitOperation, gitOps]);
|
|
|
|
return { handleGitOperation, handlePull, handleRebase, handlePush };
|
|
}
|
|
|
|
function useChangesStageHandlers(gitOps: ReturnType<typeof useGitOperations>, changedFiles: unknown[]) {
|
|
const [pendingStageFiles, setPendingStageFiles] = useState<Set<string>>(new Set());
|
|
|
|
useEffect(() => {
|
|
if (pendingStageFiles.size > 0) setPendingStageFiles(new Set());
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [changedFiles]);
|
|
|
|
const handleStageAll = useCallback(async () => { try { await gitOps.stage(); } catch { /* handled by gitOps */ } }, [gitOps]);
|
|
const handleStage = useCallback(async (path: string) => {
|
|
setPendingStageFiles((prev) => new Set(prev).add(path));
|
|
try { await gitOps.stage([path]); }
|
|
catch { setPendingStageFiles((prev) => { const next = new Set(prev); next.delete(path); return next; }); }
|
|
}, [gitOps]);
|
|
const handleUnstage = useCallback(async (path: string) => {
|
|
setPendingStageFiles((prev) => new Set(prev).add(path));
|
|
try { await gitOps.unstage([path]); }
|
|
catch { setPendingStageFiles((prev) => { const next = new Set(prev); next.delete(path); return next; }); }
|
|
}, [gitOps]);
|
|
|
|
return { pendingStageFiles, handleStageAll, handleStage, handleUnstage };
|
|
}
|
|
|
|
function useChangesDialogHandlers(gitOps: ReturnType<typeof useGitOperations>, toast: ReturnType<typeof useToast>['toast'], handleGitOperation: (op: () => Promise<{ success: boolean; output: string; error?: string }>, name: string) => Promise<void>, taskTitle: string | undefined, baseBranch: string | undefined) {
|
|
const [showDiscardDialog, setShowDiscardDialog] = useState(false);
|
|
const [fileToDiscard, setFileToDiscard] = useState<string | null>(null);
|
|
const [commitDialogOpen, setCommitDialogOpen] = useState(false);
|
|
const [commitMessage, setCommitMessage] = useState('');
|
|
const [prDialogOpen, setPrDialogOpen] = useState(false);
|
|
const [prTitle, setPrTitle] = useState('');
|
|
const [prBody, setPrBody] = useState('');
|
|
const [prDraft, setPrDraft] = useState(true);
|
|
|
|
const handleDiscardClick = useCallback((filePath: string) => { setFileToDiscard(filePath); setShowDiscardDialog(true); }, []);
|
|
const handleDiscardConfirm = useCallback(async () => {
|
|
if (!fileToDiscard) return;
|
|
try {
|
|
const result = await gitOps.discard([fileToDiscard]);
|
|
if (!result.success) toast({ title: 'Failed to discard changes', description: result.error || 'An unknown error occurred', variant: 'error' });
|
|
} catch (error) {
|
|
toast({ title: 'Failed to discard changes', description: error instanceof Error ? error.message : 'An unknown error occurred', variant: 'error' });
|
|
} finally { setShowDiscardDialog(false); setFileToDiscard(null); }
|
|
}, [fileToDiscard, gitOps, toast]);
|
|
|
|
const handleOpenCommitDialog = useCallback(() => { setCommitMessage(''); setCommitDialogOpen(true); }, []);
|
|
const handleCommit = useCallback(async () => {
|
|
if (!commitMessage.trim()) return;
|
|
setCommitDialogOpen(false);
|
|
await handleGitOperation(() => gitOps.commit(commitMessage.trim(), false), 'Commit');
|
|
setCommitMessage('');
|
|
}, [commitMessage, handleGitOperation, gitOps]);
|
|
|
|
const handleOpenPRDialog = useCallback(() => { setPrTitle(taskTitle || ''); setPrBody(''); setPrDialogOpen(true); }, [taskTitle]);
|
|
const handleCreatePR = useCallback(async () => {
|
|
if (!prTitle.trim()) return;
|
|
setPrDialogOpen(false);
|
|
try {
|
|
const result = await gitOps.createPR(prTitle.trim(), prBody.trim(), baseBranch, prDraft);
|
|
if (result.success) {
|
|
toast({ title: prDraft ? 'Draft PR created' : 'PR created', description: result.pr_url || 'PR created successfully', variant: 'success' });
|
|
if (result.pr_url) window.open(result.pr_url, '_blank');
|
|
} else { toast({ title: 'Create PR failed', description: result.error || 'An error occurred', variant: 'error' }); }
|
|
} catch (e) { toast({ title: 'Create PR failed', description: e instanceof Error ? e.message : 'An error occurred', variant: 'error' }); }
|
|
setPrTitle(''); setPrBody('');
|
|
}, [prTitle, prBody, baseBranch, prDraft, gitOps, toast]);
|
|
|
|
return {
|
|
showDiscardDialog, setShowDiscardDialog, fileToDiscard,
|
|
commitDialogOpen, setCommitDialogOpen, commitMessage, setCommitMessage,
|
|
prDialogOpen, setPrDialogOpen, prTitle, setPrTitle, prBody, setPrBody, prDraft, setPrDraft,
|
|
handleDiscardClick, handleDiscardConfirm, handleOpenCommitDialog, handleCommit, handleOpenPRDialog, handleCreatePR,
|
|
};
|
|
}
|
|
|
|
function getBaseBranchDisplay(baseBranch: string | undefined): string {
|
|
return baseBranch ? baseBranch.replace(/^origin\//, '') : 'main';
|
|
}
|
|
|
|
function mapChangedFiles(gitStatus: ReturnType<typeof useSessionGitStatus>) {
|
|
if (!gitStatus?.files || Object.keys(gitStatus.files).length === 0) return [];
|
|
return (Object.values(gitStatus.files) as FileInfo[]).map((file: FileInfo) => ({
|
|
path: file.path, status: file.status, staged: file.staged,
|
|
plus: file.additions, minus: file.deletions, oldPath: file.old_path,
|
|
}));
|
|
}
|
|
|
|
function computeStagedStats(gitStatus: ReturnType<typeof useSessionGitStatus>, stagedFiles: unknown[]) {
|
|
let additions = 0; let deletions = 0; const count = stagedFiles.length;
|
|
if (gitStatus?.files && count > 0) {
|
|
for (const file of Object.values(gitStatus.files) as FileInfo[]) {
|
|
if (file.staged) { additions += file.additions || 0; deletions += file.deletions || 0; }
|
|
}
|
|
}
|
|
return { stagedFileCount: count, stagedAdditions: additions, stagedDeletions: deletions };
|
|
}
|
|
|
|
function useChangesPanelStoreData() {
|
|
const activeSessionId = useAppStore((state) => state.tasks.activeSessionId);
|
|
const taskTitle = useAppStore((state) => {
|
|
if (!state.tasks.activeTaskId) return undefined;
|
|
return state.kanban.tasks.find((t: { id: string }) => t.id === state.tasks.activeTaskId)?.title;
|
|
});
|
|
const baseBranch = useAppStore((state) => activeSessionId ? state.taskSessions.items[activeSessionId]?.base_branch : undefined);
|
|
const displayBranch = useAppStore((state) => activeSessionId ? (state.gitStatus.bySessionId[activeSessionId]?.branch ?? null) : null);
|
|
return { activeSessionId, taskTitle, baseBranch, displayBranch };
|
|
}
|
|
|
|
const ChangesPanel = memo(function ChangesPanel({ onOpenFile, onOpenCommitDetail, onOpenDiffAll, onOpenReview }: ChangesPanelProps) {
|
|
const isArchived = useIsTaskArchived();
|
|
const { activeSessionId, taskTitle, baseBranch, displayBranch } = useChangesPanelStoreData();
|
|
|
|
const gitStatus = useSessionGitStatus(activeSessionId);
|
|
const { commits } = useSessionCommits(activeSessionId ?? null);
|
|
const gitOps = useGitOperations(activeSessionId ?? null);
|
|
const { toast } = useToast();
|
|
const { reviews } = useSessionFileReviews(activeSessionId);
|
|
const { diff: cumulativeDiff } = useCumulativeDiff(activeSessionId);
|
|
|
|
const aheadCount = gitStatus?.ahead ?? 0;
|
|
const behindCount = gitStatus?.behind ?? 0;
|
|
const baseBranchDisplay = useMemo(() => getBaseBranchDisplay(baseBranch), [baseBranch]);
|
|
const changedFiles = useMemo(() => mapChangedFiles(gitStatus), [gitStatus]);
|
|
|
|
const unstagedFiles = useMemo(() => changedFiles.filter((f) => !f.staged), [changedFiles]);
|
|
const stagedFiles = useMemo(() => changedFiles.filter((f) => f.staged), [changedFiles]);
|
|
const { reviewedCount, totalFileCount } = useMemo(() => computeReviewProgress(gitStatus, cumulativeDiff, reviews), [gitStatus, cumulativeDiff, reviews]);
|
|
|
|
const { handleGitOperation, handlePull, handleRebase, handlePush } = useChangesGitHandlers(gitOps, toast, baseBranch);
|
|
const { pendingStageFiles, handleStageAll, handleStage, handleUnstage } = useChangesStageHandlers(gitOps, changedFiles);
|
|
const dialogs = useChangesDialogHandlers(gitOps, toast, handleGitOperation, taskTitle, baseBranch);
|
|
|
|
const hasUnstaged = unstagedFiles.length > 0;
|
|
const hasStaged = stagedFiles.length > 0;
|
|
const hasCommits = commits.length > 0;
|
|
const hasChanges = changedFiles.length > 0;
|
|
const hasAnything = computeHasAnything(hasUnstaged, hasStaged, hasCommits);
|
|
const lastTimelineSection = getLastTimelineSection(hasCommits, hasStaged);
|
|
const { stagedFileCount, stagedAdditions, stagedDeletions } = useMemo(() => computeStagedStats(gitStatus, stagedFiles), [gitStatus, stagedFiles]);
|
|
|
|
if (isArchived) return <ArchivedPanelPlaceholder />;
|
|
|
|
return (
|
|
<PanelRoot>
|
|
<ChangesPanelHeader hasChanges={hasChanges} hasCommits={hasCommits} displayBranch={displayBranch} baseBranchDisplay={baseBranchDisplay} behindCount={behindCount} isLoading={gitOps.isLoading} onOpenDiffAll={onOpenDiffAll} onOpenReview={onOpenReview} onPull={handlePull} onRebase={handleRebase} />
|
|
<PanelBody className="flex flex-col">
|
|
<div className="flex-1 min-h-0 overflow-y-auto overflow-x-hidden">
|
|
{!hasAnything && <div className="flex items-center justify-center h-full text-muted-foreground text-xs">Your changed files will appear here</div>}
|
|
{hasAnything && (
|
|
<div className="flex flex-col">
|
|
{hasUnstaged && <FileListSection variant="unstaged" files={unstagedFiles} pendingStageFiles={pendingStageFiles} isLast={lastTimelineSection === 'unstaged'} actionLabel="Stage all" onAction={handleStageAll} onOpenFile={onOpenFile} onStage={handleStage} onUnstage={handleUnstage} onDiscard={dialogs.handleDiscardClick} />}
|
|
{hasStaged && <FileListSection variant="staged" files={stagedFiles} pendingStageFiles={pendingStageFiles} isLast={lastTimelineSection === 'staged'} actionLabel="Commit" onAction={dialogs.handleOpenCommitDialog} onOpenFile={onOpenFile} onStage={handleStage} onUnstage={handleUnstage} onDiscard={dialogs.handleDiscardClick} />}
|
|
{hasCommits && <CommitsSection commits={commits} isLast={!hasCommits} onOpenCommitDetail={onOpenCommitDetail} />}
|
|
{hasCommits && <ActionButtonsSection onOpenPRDialog={dialogs.handleOpenPRDialog} onPush={handlePush} isLoading={gitOps.isLoading} aheadCount={aheadCount} />}
|
|
</div>
|
|
)}
|
|
</div>
|
|
<ReviewProgressBar reviewedCount={reviewedCount} totalFileCount={totalFileCount} onOpenReview={onOpenReview} />
|
|
</PanelBody>
|
|
<DiscardDialog open={dialogs.showDiscardDialog} onOpenChange={dialogs.setShowDiscardDialog} fileToDiscard={dialogs.fileToDiscard} onConfirm={dialogs.handleDiscardConfirm} />
|
|
<CommitDialog open={dialogs.commitDialogOpen} onOpenChange={dialogs.setCommitDialogOpen} commitMessage={dialogs.commitMessage} onCommitMessageChange={dialogs.setCommitMessage} onCommit={dialogs.handleCommit} isLoading={gitOps.isLoading} stagedFileCount={stagedFileCount} stagedAdditions={stagedAdditions} stagedDeletions={stagedDeletions} />
|
|
<PRDialog open={dialogs.prDialogOpen} onOpenChange={dialogs.setPrDialogOpen} prTitle={dialogs.prTitle} onPrTitleChange={dialogs.setPrTitle} prBody={dialogs.prBody} onPrBodyChange={dialogs.setPrBody} prDraft={dialogs.prDraft} onPrDraftChange={dialogs.setPrDraft} onCreatePR={dialogs.handleCreatePR} isLoading={gitOps.isLoading} displayBranch={displayBranch} baseBranch={baseBranch} />
|
|
</PanelRoot>
|
|
);
|
|
});
|
|
|
|
// --- Header sub-component ---
|
|
|
|
function ChangesPanelHeader({
|
|
hasChanges,
|
|
hasCommits,
|
|
displayBranch,
|
|
baseBranchDisplay,
|
|
behindCount,
|
|
isLoading,
|
|
onOpenDiffAll,
|
|
onOpenReview,
|
|
onPull,
|
|
onRebase,
|
|
}: {
|
|
hasChanges: boolean;
|
|
hasCommits: boolean;
|
|
displayBranch: string | null;
|
|
baseBranchDisplay: string;
|
|
behindCount: number;
|
|
isLoading: boolean;
|
|
onOpenDiffAll?: () => void;
|
|
onOpenReview?: () => void;
|
|
onPull: () => void;
|
|
onRebase: () => void;
|
|
}) {
|
|
return (
|
|
<PanelHeaderBarSplit
|
|
left={
|
|
(hasChanges || hasCommits) ? (
|
|
<>
|
|
<Button size="sm" variant="ghost" className="h-5 text-[11px] px-1.5 gap-1 cursor-pointer" onClick={onOpenDiffAll}>
|
|
<IconGitMerge className="h-3 w-3" />
|
|
Diff
|
|
</Button>
|
|
<Button size="sm" variant="ghost" className="h-5 text-[11px] px-1.5 gap-1 cursor-pointer" onClick={onOpenReview}>
|
|
<IconEye className="h-3 w-3" />
|
|
Review
|
|
</Button>
|
|
</>
|
|
) : undefined
|
|
}
|
|
right={
|
|
<>
|
|
{displayBranch && (
|
|
<BranchHoverCard displayBranch={displayBranch} baseBranchDisplay={baseBranchDisplay} />
|
|
)}
|
|
<PullDropdown
|
|
behindCount={behindCount}
|
|
isLoading={isLoading}
|
|
onPull={onPull}
|
|
onRebase={onRebase}
|
|
/>
|
|
</>
|
|
}
|
|
/>
|
|
);
|
|
}
|
|
|
|
function BranchHoverCard({ displayBranch, baseBranchDisplay }: { displayBranch: string; baseBranchDisplay: string }) {
|
|
return (
|
|
<HoverCard openDelay={200} closeDelay={100}>
|
|
<HoverCardTrigger asChild>
|
|
<button
|
|
type="button"
|
|
className="flex items-center justify-center size-5 rounded hover:bg-muted/60 text-muted-foreground hover:text-foreground transition-colors cursor-default"
|
|
>
|
|
<IconGitBranch className="h-3.5 w-3.5" />
|
|
</button>
|
|
</HoverCardTrigger>
|
|
<HoverCardContent side="bottom" align="end" className="w-auto p-3">
|
|
<div className="flex flex-col gap-2.5 text-xs">
|
|
<div className="flex items-center justify-between gap-6">
|
|
<span className="text-muted-foreground/60">Your code lives in:</span>
|
|
<span className="text-muted-foreground/60">and will be merged into:</span>
|
|
</div>
|
|
<div className="flex items-center gap-2">
|
|
<span className="flex items-center gap-1.5 text-foreground font-medium">
|
|
<IconGitBranch className="h-3.5 w-3.5 text-muted-foreground" />
|
|
{displayBranch}
|
|
</span>
|
|
<div className="flex-1 border-t border-muted-foreground/20 min-w-8" />
|
|
<IconArrowRight className="h-3 w-3 text-muted-foreground/40" />
|
|
<span className="text-foreground font-medium">
|
|
{baseBranchDisplay}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</HoverCardContent>
|
|
</HoverCard>
|
|
);
|
|
}
|
|
|
|
function PullDropdown({
|
|
behindCount,
|
|
isLoading,
|
|
onPull,
|
|
onRebase,
|
|
}: {
|
|
behindCount: number;
|
|
isLoading: boolean;
|
|
onPull: () => void;
|
|
onRebase: () => void;
|
|
}) {
|
|
return (
|
|
<DropdownMenu>
|
|
<DropdownMenuTrigger asChild>
|
|
<Button size="sm" variant="ghost" className="h-5 text-[11px] px-1.5 gap-1 cursor-pointer" disabled={isLoading}>
|
|
<IconCloudDownload className="h-3 w-3" />
|
|
Pull
|
|
{behindCount > 0 && <span className="text-yellow-500 text-[10px]">{behindCount}</span>}
|
|
<IconChevronDown className="h-2.5 w-2.5 text-muted-foreground" />
|
|
</Button>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent align="end" className="w-44">
|
|
<DropdownMenuItem onClick={onPull} className="cursor-pointer text-xs gap-2">
|
|
<IconCloudDownload className="h-3.5 w-3.5 text-muted-foreground" />
|
|
Pull
|
|
{behindCount > 0 && <span className="ml-auto text-muted-foreground text-[10px]">{behindCount} behind</span>}
|
|
</DropdownMenuItem>
|
|
<DropdownMenuItem onClick={onRebase} className="cursor-pointer text-xs gap-2">
|
|
<IconGitCherryPick className="h-3.5 w-3.5 text-muted-foreground" />
|
|
Rebase
|
|
{behindCount > 0 && <span className="ml-auto text-muted-foreground text-[10px]">{behindCount} behind</span>}
|
|
</DropdownMenuItem>
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
);
|
|
}
|
|
|
|
export { ChangesPanel };
|