realtime-data-cli-tool
Version:
A real-time data dashboard CLI tool built with Ink, React, and TypeScript that displays live ISS location, weather, Bitcoin prices, random facts, and inspirational quotes
17 lines (16 loc) • 1.18 kB
JavaScript
import React from 'react';
import { Box, Text } from 'ink';
export const InspirationQuote = ({ quote }) => {
return (React.createElement(Box, { borderStyle: "round", padding: 2, margin: 1, width: 70 },
React.createElement(Box, { flexDirection: "column" },
React.createElement(Text, { color: "magenta" }, "\uD83D\uDCAD INSPIRATION"),
React.createElement(Text, { color: "white" }, "\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501"),
quote ? (React.createElement(React.Fragment, null,
React.createElement(Text, { color: "white" },
"\"",
quote.content,
"\""),
React.createElement(Text, { color: "yellow" },
"\u2014 ",
quote.author))) : (React.createElement(Text, { color: "red" }, "Loading quote...")))));
};