portio
Version:
A beautiful terminal UI for managing processes on network ports (Windows only)
19 lines (18 loc) • 862 B
JavaScript
import React from 'react';
import { Box, Text } from 'ink';
// Simple, static logo component without any image loading
const LogoComponent = ({ showText = true }) => {
if (!showText) {
return null;
}
const asciiTitle = [
'▌ PORTIO ▐',
];
return (React.createElement(Box, { flexDirection: "column", alignItems: "center", marginBottom: 1 },
React.createElement(Box, { flexDirection: "column", alignItems: "center" },
asciiTitle.map((line, index) => (React.createElement(Text, { key: index, color: "cyan", bold: true }, line))),
React.createElement(Box, { marginTop: 0 },
React.createElement(Text, { color: "gray", italic: true, dimColor: true }, "port manager")))));
};
// Memoize the component to prevent unnecessary re-renders
export const Logo = React.memo(LogoComponent);