cp dines

Author: dines-rl

src/commands/auth.tsx

@@ -8,7 +8,7 @@ import { SuccessMessage } from "../components/SuccessMessage.js";
 import { getSettingsUrl } from "../utils/url.js";
 import { colors } from "../utils/theme.js";
 
-const AuthUI: React.FC = () => {
+const AuthUI = () => {
   const [apiKey, setApiKeyInput] = React.useState("");
   const [saved, setSaved] = React.useState(false);
 

src/commands/blueprint/create.tsx

@@ -23,17 +23,7 @@ interface CreateBlueprintOptions {
   output?: string;
 }
 
-const CreateBlueprintUI: React.FC<{
-  name: string;
-  dockerfile?: string;
-  dockerfilePath?: string;
-  systemSetupCommands?: string[];
-  resources?: string;
-  architecture?: string;
-  availablePorts?: string[];
-  root?: boolean;
-  user?: string;
-}> = ({
+const CreateBlueprintUI = ({
   name,
   dockerfile,
   dockerfilePath,
@@ -43,6 +33,16 @@ const CreateBlueprintUI: React.FC<{
   availablePorts,
   root,
   user,
+}: {
+  name: string;
+  dockerfile?: string;
+  dockerfilePath?: string;
+  systemSetupCommands?: string[];
+  resources?: string;
+  architecture?: string;
+  availablePorts?: string[];
+  root?: boolean;
+  user?: string;
 }) => {
   const [loading, setLoading] = React.useState(true);
   const [result, setResult] = React.useState<any>(null);

src/commands/blueprint/get.tsx

@@ -14,9 +14,7 @@ interface GetBlueprintOptions {
   output?: string;
 }
 
-const GetBlueprintUI: React.FC<{
-  blueprintId: string;
-}> = ({ blueprintId }) => {
+const GetBlueprintUI = ({ blueprintId }: { blueprintId: string }) => {
   const [loading, setLoading] = React.useState(true);
   const [result, setResult] = React.useState<any>(null);
   const [error, setError] = React.useState<Error | null>(null);

src/commands/blueprint/list.tsx

@@ -24,10 +24,13 @@ const MAX_FETCH = 100;
 
 type OperationType = "create_devbox" | "delete" | null;
 
-const ListBlueprintsUI: React.FC<{
+const ListBlueprintsUI = ({
+  onBack,
+  onExit,
+}: {
   onBack?: () => void;
   onExit?: () => void;
-}> = ({ onBack, onExit }) => {
+}) => {
   const { stdout } = useStdout();
   const isMounted = React.useRef(true);
 

src/commands/blueprint/logs.tsx

@@ -14,9 +14,7 @@ interface BlueprintLogsOptions {
   output?: string;
 }
 
-const BlueprintLogsUI: React.FC<{
-  blueprintId: string;
-}> = ({ blueprintId }) => {
+const BlueprintLogsUI = ({ blueprintId }: { blueprintId: string }) => {
   const [loading, setLoading] = React.useState(true);
   const [result, setResult] = React.useState<any>(null);
   const [error, setError] = React.useState<Error | null>(null);

src/commands/blueprint/preview.tsx

@@ -16,11 +16,15 @@ interface PreviewBlueprintOptions {
   output?: string;
 }
 
-const PreviewBlueprintUI: React.FC<{
+const PreviewBlueprintUI = ({
+  name,
+  dockerfile,
+  systemSetupCommands,
+}: {
   name: string;
   dockerfile?: string;
   systemSetupCommands?: string[];
-}> = ({ name, dockerfile, systemSetupCommands }) => {
+}) => {
   const [loading, setLoading] = React.useState(true);
   const [result, setResult] = React.useState<any>(null);
   const [error, setError] = React.useState<Error | null>(null);

src/commands/config.tsx

@@ -43,9 +43,9 @@ interface InteractiveThemeSelectorProps {
   initialTheme: "auto" | "light" | "dark";
 }
 
-const InteractiveThemeSelector: React.FC<InteractiveThemeSelectorProps> = ({
+const InteractiveThemeSelector = ({
   initialTheme,
-}) => {
+}: InteractiveThemeSelectorProps) => {
   const { exit } = useApp();
   const [selectedIndex, setSelectedIndex] = React.useState(() =>
     themeOptions.findIndex((opt) => opt.value === initialTheme),
@@ -221,7 +221,7 @@ interface StaticConfigUIProps {
   value?: "auto" | "light" | "dark";
 }
 
-const StaticConfigUI: React.FC<StaticConfigUIProps> = ({ action, value }) => {
+const StaticConfigUI = ({ action, value }: StaticConfigUIProps) => {
   const [saved, setSaved] = React.useState(false);
 
   React.useEffect(() => {

src/commands/devbox/create.tsx

@@ -15,10 +15,13 @@ interface CreateOptions {
   output?: string;
 }
 
-const CreateDevboxUI: React.FC<{
+const CreateDevboxUI = ({
+  name,
+  template,
+}: {
   name?: string;
   template?: string;
-}> = ({ name, template }) => {
+}) => {
   const [loading, setLoading] = React.useState(true);
   const [result, setResult] = React.useState<any>(null);
   const [error, setError] = React.useState<Error | null>(null);

src/commands/devbox/delete.tsx

@@ -8,7 +8,7 @@ import { ErrorMessage } from "../../components/ErrorMessage.js";
 import { createExecutor } from "../../utils/CommandExecutor.js";
 import { OutputOptions } from "../../utils/output.js";
 
-const DeleteDevboxUI: React.FC<{ id: string }> = ({ id }) => {
+const DeleteDevboxUI = ({ id }: { id: string }) => {
   const [loading, setLoading] = React.useState(true);
   const [success, setSuccess] = React.useState(false);
   const [error, setError] = React.useState<Error | null>(null);

src/commands/devbox/download.tsx

@@ -16,11 +16,15 @@ interface DownloadOptions {
   outputFormat?: string;
 }
 
-const DownloadFileUI: React.FC<{
+const DownloadFileUI = ({
+  devboxId,
+  filePath,
+  outputPath,
+}: {
   devboxId: string;
   filePath: string;
   outputPath: string;
-}> = ({ devboxId, filePath, outputPath }) => {
+}) => {
   const [loading, setLoading] = React.useState(true);
   const [result, setResult] = React.useState<any>(null);
   const [error, setError] = React.useState<Error | null>(null);