claude-code-best/src/commands/install-github-app/SuccessStep.tsx
2026-05-01 21:39:30 +08:00

58 lines
1.8 KiB
TypeScript

import React from 'react';
import { Box, Text } from '@anthropic/ink';
type SuccessStepProps = {
secretExists: boolean;
useExistingSecret: boolean;
secretName: string;
skipWorkflow?: boolean;
};
export function SuccessStep({
secretExists,
useExistingSecret,
secretName,
skipWorkflow = false,
}: SuccessStepProps): React.ReactNode {
return (
<>
<Box flexDirection="column" borderStyle="round" paddingX={1}>
<Box flexDirection="column" marginBottom={1}>
<Text bold>Install GitHub App</Text>
<Text dimColor>Success</Text>
</Box>
{!skipWorkflow && <Text color="success"> GitHub Actions workflow created!</Text>}
{secretExists && useExistingSecret && (
<Box marginTop={1}>
<Text color="success"> Using existing ANTHROPIC_API_KEY secret</Text>
</Box>
)}
{(!secretExists || !useExistingSecret) && (
<Box marginTop={1}>
<Text color="success"> API key saved as {secretName} secret</Text>
</Box>
)}
<Box marginTop={1}>
<Text>Next steps:</Text>
</Box>
{skipWorkflow ? (
<>
<Text>1. Install the Claude GitHub App if you haven&apos;t already</Text>
<Text>2. Your workflow file was kept unchanged</Text>
<Text>3. API key is configured and ready to use</Text>
</>
) : (
<>
<Text>1. A pre-filled PR page has been created</Text>
<Text>2. Install the Claude GitHub App if you haven&apos;t already</Text>
<Text>3. Merge the PR to enable Claude PR assistance</Text>
</>
)}
</Box>
<Box marginLeft={3}>
<Text dimColor>Press any key to exit</Text>
</Box>
</>
);
}