feat(stacktext): add new component StackText

Author: digoarthur

src/components/ProjectText.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+
+import './styles/StackText.css';
+import { IconsData } from '../hooks/useGithubAutomatedRepos';
+
+type Props = {
+    itemText: string;
+    className?: string;
+};
+export function StackText({ itemText, className = 'styleStackText' }: Props) {
+    const { projectIcons } = IconsData();
+    return itemText === 'deploy' || projectIcons[itemText as never] ? <> </> : <p className={className}>{itemText}</p>;
+}

src/components/StackText.tsx

@@ -0,0 +1,6 @@
+.styleStackText {
+    width: 85px;
+    padding: 5px;
+    border-radius: 10px;
+    background-color: #888;
+}

src/components/styles/StackText.css

@@ -14,10 +14,10 @@
 // https://www.svgrepo.com/svg/456864/diagram
 // https://www.svgrepo.com/svg/455166/map-navigation?edit=true
 // https://www.svgrepo.com/svg/343466/news-feed?edit=true
+// https://www.svgrepo.com/svg/458454/database-1?edit=true
 
 import { useEffect, useState } from 'react';
 
-// https://www.svgrepo.com/svg/458454/database-1?edit=true
 export interface IGithubRepos {
     name: string;
     topics: [];

src/hooks/useGithubAutomatedRepos.ts

@@ -1,3 +1,4 @@
 export { ProjectIcons } from './components/ProjectIcons';
 export { StackIcons } from './components/StackIcons';
+export { StackText } from './components/StackText';
 export { IGithubRepos, useGithubAutomatedRepos, IconsData } from './hooks/useGithubAutomatedRepos';