INNER CODE UNIT · JavaScript

KubernetesLogo

collabnix/kubetools · portal/KubeToolsPortal.js:5

const KubernetesLogo = () => (
  <svg width="40" height="40" viewBox="0 0 256 249" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
    <g>
      <path d="M82.0851613,244.934194 C76.1393548,244.934194 70.523871,242.291613 66.5767742,237.501935 L8.99483871,165.896774 C5.0283871,161.10129 3.06580645,155.370323 3.72903226,149.494194 L15.1851613,59.8283871 C15.8483871,53.9329032 19.0954839,48.6580645 24.0606452,45.3625806 L102.738065,3.72258065 C105.354839,2.15096774 108.230968,1.27741935 111.230968,1.06451613 L111.230968,1.06451613 C111.722581,1.02096774 112.214194,1 112.696774,1 L143.303226,1 C143.785806,1 144.27742,1.02096774 144.760968,1.06451613 C147.760968,1.27741935 150.636129,2.15096774 153.252903,3.72258065 L231.930323,45.3625806 C236.895484,48.6580645 240.142581,53.9329032 240.805807,59.8283871 L252.261935,149.494194 C252.925161,155.370323 250.962581,161.10129 247.005161,165.896774 L189.414194,237.501935 C185.476129,242.291613 179.860645,244.934194 173.905807,244.934194 L82.0851613,244.934194" fill="#326DE6"></path>
      <path d="M128,171.982545 C104.230154,171.982545 84.8993409,152.65077 84.8993409,128.882545 C84.8993409,105.114319 104.230154,85.7731636 128,85.7731636 C151.769846,85.7731636 171.100659,105.114319 171.100659,128.882545 C171.100659,152.65077 151.769846,171.982545 128,171.982545 M128,75.7818182 C98.6310832,75.7818182 74.9090909,99.5038105 74.9090909,128.882545 C74.9090909,158.25128 98.6310832,182.974545 128,182.974545 C157.368917,182.974545 181.090909,158.25128 181.090909,128.882545 C181.090909,99.5038105 157.368917,75.7818182 128,75.7818182" fill="#FFFFFF"></path>
    </g>
  </svg>
);

// Main App Component
export default function KubeToolsPortal() {
  // State for the tools data
  const [tools, setTools] = useState([]);
  // State for categories
  const [categories, setCategories] = useState([]);
  // State for selected category
  const [selectedCategory, setSelectedCategory] = useState('All');
  // State for search query

View source record →

📰 Research Paper
Loading…
⏳ Fetching content…