gitgud/components/CheckoutBranch.js

A CLI git tool

const React = require("react");
const { useState } = require("react");
const { render, Box, Text, Newline } = require("ink");
const { execSync } = require("child_process");
const TextInput = require("ink-text-input").default;
const {defaultColor, accentColor} = require('../styleFile')
//Uses git for-each-ref to display all available branches to checkout to
//Also removes the astrix that displays the current branch you are on
	//since it is not necessary here.

const CheckoutBranch = (props) => {
	const [query, setQuery] = useState("");

	let { refreshTab } = props;

	let branches = execSync(
		"git for-each-ref --format='%(refname:short)' refs/heads/"
	)
		.toString()
		.split("\n");

	const checkoutBranch = (query) => {
		if (branches.includes(query)) {
			try {
				//checks out to an existing local branch
				execSync(`git checkout ${query}`);
				refreshTab("");
			} catch (error) {}
		} else {
			//creates a new branch if the query isn't already local
			execSync(`git checkout -b ${query}`);
			refreshTab("");
		}
	};
	let holder = ''
		let func = (input) => {
			holder = input
		}
	return (
		<Box flexDirection="column">
			<Box>
				<Text> </Text>
			</Box>
			<Box>
				<Text color={accentColor}> Branches: </Text>
				<Text color={defaultColor}>{branches.join("  ")}</Text>
			</Box>
			<Box>
				<Box marginRight={1}>
					<Text color={accentColor}> Checkout branch:</Text>
				</Box>
				<TextInput
					color={defaultColor}
					value={query}
					onChange={setQuery}
					onSubmit={checkoutBranch}
				/>
			</Box>
			<Box marginLeft={1}>
				<Text color="grey">Press ESC to go back</Text>
			</Box>
		</Box>
	);
};

module.exports = CheckoutBranch;