refactor: cambia tipo "any" por interfaces correspondientes

IgrowkerTraining · Oct 3, 2024 · ec96173 · ec96173
1 parent a231eca
commit ec96173
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 6 deletions.
diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx
@@ -27,7 +27,7 @@ const Navbar: React.FC = () => {
   const [scrollPosition, setScrollPosition] = useState(0);
   const [showModal, setShowModal] = useState<boolean>(false);
   const [notificationsModal, setNotificationsModal] = useState<boolean>(false);
-  const [notifications, setNotifications] = useState<any[]>([])
+  // const [notifications, setNotifications] = useState<any[]>([])
 
   const modalRef = useRef<HTMLDivElement | null>(null);
   const currentClickRef = useRef<EventTarget | null>(null);
@@ -246,15 +246,15 @@ const Navbar: React.FC = () => {
                 ref={modalRef}>
                 <div className="flex flex-col items-center">
                   <h5 className="text-base font-medium text-[#05264E] mt-5">Your Notifications</h5>
-                  {notifications && (
+                  {/* {notifications && (
                     <div className="w-full">
                       <ul>
                         {notifications.map((notification) => (
                           <></>
                         ))}
                       </ul>
                     </div>
-                  )}
+                  )} */}
                 </div>
               </div>
             )}

diff --git a/src/pages/FincaInfo/FincaInfo.tsx b/src/pages/FincaInfo/FincaInfo.tsx
@@ -1,10 +1,11 @@
 import React from 'react';
 import { useGetFincaDataQuery } from '../../store/services/fincaApi'; 
 import './FincaInfo.css';
+import { Arbol, Hacienda } from '../../types/types';
 
 const FincaInfo: React.FC = () => {
 
-  const { data: fincaData, isLoading, isError } = useGetFincaDataQuery();
+  const { data: fincaData, isLoading, isError } = useGetFincaDataQuery(1);
 
   if (isLoading) {
     return <div>Cargando...</div>;
@@ -17,7 +18,7 @@ const FincaInfo: React.FC = () => {
 
   return (
     <div className="finca-info-container">
-      {fincaData.map((finca: any) => (
+      {fincaData.map((finca: Hacienda) => (
         <div key={finca.id} className="finca-info">
           {/* Sección del título y descripción */}
           <div className="finca-info-header">
@@ -37,7 +38,7 @@ const FincaInfo: React.FC = () => {
               <span className="practice-icon" aria-hidden="true">🌳</span>
               <h3>Árboles</h3>
               <ul>
-                {finca.arbol.map((tree: any, index: number) => (
+                {finca.arbol.map((tree: Arbol, index: number) => (
                   <li key={index}>{tree.type}</li>
                 ))}
               </ul>

diff --git a/src/types/types.ts b/src/types/types.ts
@@ -61,3 +61,23 @@ export type GoogleAuthError = {
   // Para propiedades desconocidas, usamos un tipo de unión
   [key: string]: string | number | undefined;
 };
+
+
+export interface UserFinca {
+  name: string;
+}
+
+export interface Arbol {
+  active: boolean;
+  statusTree: "ARBOL_JOVEN" | string; // Puedes agregar más valores si los conoces
+  type: string;
+  user: UserFinca;
+}
+
+export interface Hacienda {
+  id: number;
+  name: string;
+  ubication: string;
+  practicesSustainable: string;
+  arbol: Arbol[];
+}