projecthor
Version:
Save, manage, and run project setup commands automatically from the CLI.
16 lines (15 loc) • 916 B
JavaScript
import { Box, Text } from "ink";
import React from "react";
import RequiredInput from "../RequiredInput.js";
import { Task } from "ink-task-list";
import { useProject } from "../context/ProjectContext.js";
export default function NameInput({ onSubmit }) {
const { project, setName } = useProject();
return (React.createElement(Box, { gap: 1, paddingX: 1, borderStyle: "single", borderTop: false, borderRight: false, borderLeft: false }, project.name ? (React.createElement(React.Fragment, null,
React.createElement(Text, { bold: true }, "Name: "),
React.createElement(Text, null, project.name),
React.createElement(Task, { state: "success", label: "" }))) : (React.createElement(RequiredInput, { label: "Name", placeholder: "insert project name", errorMessage: "Project name cannot be empty.", onSubmit: name => {
setName(name);
onSubmit();
} }))));
}