diff --git a/packages/gatsby-cli/src/reporter/loggers/ink/cli.js b/packages/gatsby-cli/src/reporter/loggers/ink/cli.js index 39463cc8111d4..27a761f9a4a68 100644 --- a/packages/gatsby-cli/src/reporter/loggers/ink/cli.js +++ b/packages/gatsby-cli/src/reporter/loggers/ink/cli.js @@ -3,9 +3,8 @@ import { Box, Static } from "ink" import isTTY from "../../../util/is-tty" import { trackBuildError } from "gatsby-telemetry" -import Spinner from "../ink/components/spinner" +import { Spinner } from "../ink/components/spinner" import { ProgressBar } from "../ink/components/progress-bar" - import { Message } from "../ink/components/messages" import Error from "./components/error" import Develop from "../ink/components/develop" diff --git a/packages/gatsby-cli/src/reporter/loggers/ink/components/spinner.js b/packages/gatsby-cli/src/reporter/loggers/ink/components/spinner.js deleted file mode 100644 index f429f4a2b327e..0000000000000 --- a/packages/gatsby-cli/src/reporter/loggers/ink/components/spinner.js +++ /dev/null @@ -1,16 +0,0 @@ -import React from "react" -import { Box } from "ink" -import Spinner from "ink-spinner" - -export default function Activity({ text, statusText }) { - let label = text - if (statusText) { - label += ` — ${statusText}` - } - - return ( - - {label} - - ) -} diff --git a/packages/gatsby-cli/src/reporter/loggers/ink/components/spinner.tsx b/packages/gatsby-cli/src/reporter/loggers/ink/components/spinner.tsx new file mode 100644 index 0000000000000..aebe30f001226 --- /dev/null +++ b/packages/gatsby-cli/src/reporter/loggers/ink/components/spinner.tsx @@ -0,0 +1,20 @@ +import React from "react" +import { Box } from "ink" +import InkSpinner from "ink-spinner" + +interface IProps { + text: string + statusText?: string +} +export function Spinner({ text, statusText }: IProps): JSX.Element { + let label = text + if (statusText) { + label += ` — ${statusText}` + } + + return ( + + {label} + + ) +}