refactor(all files): code refactoring in general

Author: digoarthur

commit.cmd

@@ -0,0 +1 @@
+npx cz && exit

package.json

@@ -1,6 +1,6 @@
 {
     "name": "github-automated-repos",
-    "version": "1.1.0",
+    "version": "1.1.1",
     "description": "Github-automated-repos is the lib that gives you the power to manage the view of your projects on your website in one place!",
     "main": "index.js",
     "scripts": {

src/components/ProjectIcons.tsx

@@ -3,22 +3,22 @@ import React from 'react';
 import { IconsData } from '../hooks/useGithubAutomatedRepos';
 
 type Props = {
-    iconItem: string;
+    itemTopics: string;
     className?: string;
 };
 
 /**
- * @param {string} iconItem - Mandatory: ex.: item.topics.map(topics)...  iconItem={topics}
+ * @param {string} itemTopics - Mandatory: ex.: item.topics.map(topics)...
  * @param {string} className - Optional: style className.
  * @returns {<img/>} - Return tag img, project svg icon.
  */
 
-export function ProjectIcons({ iconItem, className }: Props) {
+export function ProjectIcons({ itemTopics, className }: Props) {
     const { projectIcons } = IconsData();
     return (
         <div>
-            {projectIcons[iconItem as never] ? (
-                <img className={className} alt={projectIcons[iconItem as never]} src={projectIcons[iconItem as never]} />
+            {projectIcons[itemTopics as never] ? (
+                <img className={className} alt={projectIcons[itemTopics as never]} src={projectIcons[itemTopics as never]} />
             ) : (
                 <> </>
             )}

src/components/StackIcons.tsx

@@ -8,7 +8,7 @@ type Props = {
 };
 
 /**
- * @param {string} itemTopics - Mandatory: ex.: item.topics.map(itemTopics) ... iconStack={itemTopics}
+ * @param {string} itemTopics - Mandatory: ex.: item.topics.map(itemTopics) ...
  * @param {string} className - Optional: style className.
  * @returns {<img/>} - Return tag img, stack svg icon.
  */

src/components/StackText/StackText.tsx renamed to src/components/StackLabels/StackLabels.tsx

@@ -9,11 +9,11 @@ type Props = {
 };
 
 /**
- * @param {string} itemTopics - Mandatory: ex.: item.topics.map(itemTopics)... iconText={itemTopics}
+ * @param {string} itemTopics - Mandatory: ex.: item.topics.map(itemTopics)... itemTopics={itemTopics}
  * @param {string} className - Optional: style className.
  * @returns {<p/>} - Return tag p, stack text.
  */
-export function StackText({ itemTopics, className = 'styleStackText' }: Props) {
+export function StackLabels({ itemTopics, className = 'styleStackLabels' }: Props) {
     const { projectIcons, stackIcons } = IconsData();
 
     if (projectIcons[itemTopics as never]) {

src/components/StackText/styles.ts renamed to src/components/StackLabels/styles.ts

@@ -1,5 +1,5 @@
 export const css = `
-.styleStackText {
+.styleStackLabels {
     font-weight: 500;
     color: white;
     width: 85px;

src/hooks/useGithubAutomatedRepos.ts

@@ -20,7 +20,7 @@ import { useEffect, useState } from 'react';
 
 export interface IGithubRepos {
     name: string;
-    topics: [];
+    topics: string[];
     html_url: string;
     description: string;
     id: number;
@@ -32,7 +32,7 @@ export interface IGithubRepos {
  * @param {string} keyWordDeploy - Insert a keyword chosen by you. - This key is responsible for managing your projects on GitHub in topics field Ex.: https://github.com/DIGOARTHUR/github-automated-repos#--about-library-.
  * @returns {(IGithubRepos[])} - Returns an array with the properties: name, topics, html_url, description, id, homepage.
  */
-export function useGithubAutomatedRepos(usernameGitHub: string, keyWordDeploy: string) {
+export function useGitHubAutomatedRepos(usernameGitHub: string, keyWordDeploy: string) {
     const [repository, setRepository] = useState<IGithubRepos[]>([]);
     useEffect(() => {
         fetch(`https://api.github.com/users/${usernameGitHub}/repos?sort=created&per_page=999`)

src/index.ts

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