From 260a6434b71b67dea57db99af88988f878385f11 Mon Sep 17 00:00:00 2001
From: AlbertLnz <albert2000_lanza@hotmail.com>
Date: Thu, 28 Sep 2023 09:36:59 +0200
Subject: [PATCH 01/11] Change collapse with daisyUI component

---
 .../faqs/faqsAdminView/FaqsModified.tsx       | 80 +++++--------------
 1 file changed, 21 insertions(+), 59 deletions(-)

diff --git a/src/components/faqs/faqsAdminView/FaqsModified.tsx b/src/components/faqs/faqsAdminView/FaqsModified.tsx
index d0827c4..76c7ec3 100644
--- a/src/components/faqs/faqsAdminView/FaqsModified.tsx
+++ b/src/components/faqs/faqsAdminView/FaqsModified.tsx
@@ -10,8 +10,6 @@ export default function FaqsModified() {
   //constantes para el set //
   const dispatch = useDispatch();
 
-  const [booleanFaqs, setBooleanFaqs] = useState<boolean>(false);
-
   const [faqsContent, setFaqsContent] = useState<{
     title: string;
     description: string;
@@ -19,69 +17,33 @@ export default function FaqsModified() {
     title: "",
     description: "",
   });
+  const [isOpen, setIsOpen] = useState(false);
+
+  const handleClosed = () => {
+    setIsOpen(false)
+    setFaqsContent({ title: "", description: "" })
+  }
+  const handleCreated = () => {
+    postApiFaqs(faqsContent, acces_token, dispatch)
+    setIsOpen(false)
+    setFaqsContent({ title: "", description: "" })
+  }
 
   return (
     <>
-      <div className={"collapse rounded-xl mb-5 border-4 border-dashed"}>
-        <input
-          onClick={() => setBooleanFaqs(!booleanFaqs)}
-          type="checkbox"
-          className="peer"
-        />
-        <div className=" p-5 absolute rounded-b-md bg-white text-left text-gray-500 text-4 font-poppins font-bold   peer-checked:rounded-b-[0px]   text-4 font-poppins">
-          Crear nueva pregunta
+      <div className={`collapse collapse-arrow border-2 border-dashed mb-6 ${isOpen ? 'collapse-open' : 'collapse-close'}`}>
+        <input type="checkbox" className={`${isOpen ? 'z-0' : ''}`} onClick={() => setIsOpen(true)} /> 
+        <div className={`collapse-title relative text-start font-bold text-[#7e7e7e] ${isOpen ? 'text-white bg-[#BA007C] z-10' : ''}`}>
+          {isOpen ? <input type="text" className="z-20 text-black input input-bordered" onChange={(e) => setFaqsContent({ ...faqsContent, title: e.target.value })} value={faqsContent.title}/> : <p className="z-10 lg:text-justify sm:text-center max-w-[75%]">Crear nueva pregunta</p>}
         </div>
-      </div>
-
-      {booleanFaqs == true && (
-        <div
-          className={`  rounded-md ${
-            "mb-5" // Agrega mb-5 si no es el último elemento
-          } shadow-xl`}
-        >
-          <div className=" rounded-b-md  text-left    font-poppins font-bold  bg-[#BA007C]  rounded-b-[0px]    text-4 font-poppins font-bold w-100">
-            <input
-              onChange={(e) =>
-                setFaqsContent({ ...faqsContent, title: e.target.value })
-              }
-              value={faqsContent.title}
-              type="text"
-              placeholder="Crea tu pregunta"
-              className="placeholder-white bg-transparent text-white  p-4 w-full focus:border-0 focus:outline-none"
-            />
-          </div>
-          <div className=" rounded-b-md bg-white border-dashed active:border-0">
-            <textarea
-              placeholder="Respuesta"
-              onChange={(e) =>
-                setFaqsContent({ ...faqsContent, description: e.target.value })
-              }
-              value={faqsContent.description}
-              className="resize-none p-5 focus:border-0 focus:outline-none text-black  text-4 font-poppins font-medium    w-full"
-            />
-          </div>
-          <div className="flex justify-end mr-20 pb-7">
-            <button
-              className="mr-5 xl:px-7 btn btn-outline-primary border-gray-600 bg-transparent text-gray-600"
-              onClick={() => {
-                setBooleanFaqs(false);
-              }}
-            >
-              Cancelar
-            </button>
-            <button
-              className="btn xl:px-9  bg-pink-it text-white"
-              onClick={() => {
-                postApiFaqs(faqsContent, acces_token, dispatch);
-                setFaqsContent({ title: "", description: "" });
-                setBooleanFaqs(false);
-              }}
-            >
-              Crear
-            </button>
+        <div className="collapse-content">
+          <textarea className="outline-none resize-none pt-4 w-full" placeholder="Respuesta" onChange={(e) => setFaqsContent({ ...faqsContent, description: e.target.value })} value={faqsContent.description}></textarea>
+          <div className="flex justify-end items-center">
+            <button className="py-2 px-8 mr-4 mb-2 text-sm text-[#7e7e7e] border border-[#7e7e7e]" onClick={handleClosed}>Cancelar</button>
+            <button className="py-2 px-8 mr-4 mb-2 text-sm text-white bg-[#BA007C]" onClick={handleCreated}>Crear</button>
           </div>
         </div>
-      )}
+      </div>
     </>
   );
 }

From ad4e6fc7ce856e1e5ae3ab1e2e86a6bdfa207dc0 Mon Sep 17 00:00:00 2001
From: AlbertLnz <albert2000_lanza@hotmail.com>
Date: Thu, 28 Sep 2023 10:14:36 +0200
Subject: [PATCH 02/11] AdminButtons of faqs admin view created
 (non-responsive)

---
 src/assets/img/plus.svg                       |  3 +
 src/assets/img/user.svg                       |  4 +
 src/components/BackOfficeComponent.tsx        | 10 +-
 src/components/faqs/FAQsComponent.tsx         | 92 +++++++++----------
 .../faqs/faqsAdminView/AdminButtons.tsx       | 17 ++++
 5 files changed, 75 insertions(+), 51 deletions(-)
 create mode 100644 src/assets/img/plus.svg
 create mode 100644 src/assets/img/user.svg
 create mode 100644 src/components/faqs/faqsAdminView/AdminButtons.tsx

diff --git a/src/assets/img/plus.svg b/src/assets/img/plus.svg
new file mode 100644
index 0000000..d217c5f
--- /dev/null
+++ b/src/assets/img/plus.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.73578 0C8.04654 0 7.48789 0.558648 7.48789 1.24789V7.48789H1.24789C0.558648 7.48789 0 8.04654 0 8.73578C0 9.42502 0.558648 9.98367 1.24789 9.98367H7.48789V16.2237C7.48789 16.9129 8.04654 17.4716 8.73578 17.4716C9.42502 17.4716 9.98367 16.9129 9.98367 16.2237V9.98367H16.2237C16.9129 9.98367 17.4716 9.42502 17.4716 8.73578C17.4716 8.04654 16.9129 7.48789 16.2237 7.48789H9.98367V1.24789C9.98367 0.558648 9.42502 0 8.73578 0Z" fill="#808080"/>
+</svg>
diff --git a/src/assets/img/user.svg b/src/assets/img/user.svg
new file mode 100644
index 0000000..d5ee283
--- /dev/null
+++ b/src/assets/img/user.svg
@@ -0,0 +1,4 @@
+<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2866 15.75H10.7133C9.07298 15.8314 7.61974 16.8334 6.9603 18.3375C6.16493 19.899 7.7523 21.375 9.59843 21.375H17.4014C19.2487 21.375 20.8361 19.899 20.0396 18.3375C19.3801 16.8334 17.9269 15.8314 16.2866 15.75Z" stroke="#7E7E7E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.8749 9C16.8749 10.864 15.3638 12.375 13.4999 12.375C11.6359 12.375 10.1249 10.864 10.1249 9C10.1249 7.13604 11.6359 5.625 13.4999 5.625C14.395 5.625 15.2534 5.98058 15.8864 6.61351C16.5193 7.24645 16.8749 8.10489 16.8749 9Z" stroke="#7E7E7E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/BackOfficeComponent.tsx b/src/components/BackOfficeComponent.tsx
index fb42edc..76d87a0 100644
--- a/src/components/BackOfficeComponent.tsx
+++ b/src/components/BackOfficeComponent.tsx
@@ -4,6 +4,7 @@ import { useEffect, useState } from "react";
 import FAQs from "./faqs/FAQsComponent";
 import ProjectsComponent from "./apps/ProjectsComponent";
 import menu from "../assets/img/menu.png";
+import { AdminButtons } from "./faqs/faqsAdminView/AdminButtons";
 
 function ViewBackOffice({
   setIsLogged,
@@ -87,7 +88,7 @@ return (
 
 
 
-          <div className="lg:col-span-5 col-span-6 m-5 bg-white rounded-md">
+          <div className="lg:col-span-5 col-span-6 m-5">
 
               {/* Mobile */}
               <div className='lg:hidden'>
@@ -115,14 +116,13 @@ return (
                       <div>
                           <button className="py-2 my-4 ml-2">Instrucciones</button>
                       </div>
-
-                      {/* <div onClick={()=>{ setIsDropdownOpen(false)}} className="opacity-25 fixed inset-0 z-40 bg-black"></div> */}
                   </div>                    
               )}
               {!isDropdownOpen && (
                   <>
-                      <div className={`mt-20 ${state.faqs ? 'component hidden' : 'component'}`}>
-                          <FAQs />
+                      <div className={`${state.faqs ? 'component hidden' : 'component'}`}>
+                          <AdminButtons />
+                          <FAQs />    
                       </div>
 
                       <div className={state.projectsComponent ? 'component hidden' : 'component'}>
diff --git a/src/components/faqs/FAQsComponent.tsx b/src/components/faqs/FAQsComponent.tsx
index 87f05f4..e4cef7c 100644
--- a/src/components/faqs/FAQsComponent.tsx
+++ b/src/components/faqs/FAQsComponent.tsx
@@ -118,56 +118,56 @@ const FAQs = () => {
   }
 
   return (
-
-    <div className="w-3/4 m-auto ">
-      <div className="grid grid-cols-6 grid-rows-2">
-        <h2 className="font-black text-2xl font-poppins text-center col-span-6 sm:text-left lg:text-center"> FAQs </h2>
-      </div>
-
-      { window.location.pathname =='/backoffice'&&( <FaqsModified/> ) }
-
-      {faqsClone.map((faq:Faq, index:number) => (
-        <div className={`collapse rounded-md ${ 'mb-5'  // Agrega mb-5 si no es el último elemento
-          } shadow-xl`} key={index}>
-
-          <input type="checkbox" className="peer" id={index.toString()}/>
-          <div className="collapse-title relative lg:flex rounded-b-md bg-white text-justify text-black text-4 font-poppins font-bold font-poppins peer-checked:bg-[#BA007C] peer-checked:rounded-b-[0px] peer-checked:text-secondary-content">
-
-            {window.location.pathname == '/backoffice' && isContentEditing && index.toString() === positionIndex ? (<input type="text" className="z-10 text-black input input-bordered w-full max-w-xs" placeholder={faqsClone[index].title} value={inputNewTitleValue} onChange={(e) => setInputNewTitleValue(e.target.value)}/>) : (<p className="lg:text-justify sm:text-center max-w-[75%]">{faqsClone[index].title}</p>)}
-            
-            {window.location.pathname == '/backoffice' && titleButtons && (
-              <div className="flex relative z-10 ml-auto justify-end mt-2 lg:mt-0">
-                <button className="mx-4 px-4 border-gray-500 h-[30px] self-center" onClick={() => displayInput(index, faqsClone[index])}>Editar</button>
-                <img src={deleteFaqIcon} className='h-[30px] cursor-pointer self-center' onClick={() => {setDeleteModal(true); setSelectedFaqId(faq.id)}} alt="locker" />
-              </div>
-            )}
-          </div>
-
-          <div className="collapse-content rounded-b-md bg-white">
-            <p className="text-justify text-black leading-relaxed text-4 font-poppins pl-2 py-4 mx-8 my-6">
-              {window.location.pathname == '/backoffice' && isContentEditing && index.toString() === positionIndex ? (<textarea className="z-10 text-black textarea textarea-bordered w-full" placeholder={faqsClone[index].description} value={inputNewDescriptionValue} onChange={(e) => setInputNewDescriptionValue(e.target.value)}/>) : (faqsClone[index].description)}
-            </p>
+    <div className="bg-white rounded-md mr-6">
+      <div className="w-3/4 m-auto">
         
-            {window.location.pathname == '/backoffice' && (
-              <div className="flex justify-end mx-8">
-                
-                {descriptionButtons && index.toString() === positionIndex &&
-                  <div>
-                    <button className="mr-5 xl:px-7 btn btn-outline-primary border-gray-600 bg-transparent text-gray-600" onClick={() => cancelEditing(index, faqsClone[index])}>Cancelar</button>
-                    <button className="btn xl:px-9 bg-pink-it text-white" onClick={() => saveEditingFaq(index)}>Guardar</button>
-                  </div>
-                }
-
-              </div>
-            )}
+        <h2 className="font-black py-12 text-3xl font-poppins sm:text-center lg:text-left"> FAQs </h2>
+
+        { window.location.pathname =='/backoffice'&&( <FaqsModified/> ) }
+
+        {faqsClone.map((faq:Faq, index:number) => (
+          <div className={`collapse rounded-md ${ 'mb-5'  // Agrega mb-5 si no es el último elemento
+            } shadow-xl`} key={index}>
+
+            <input type="checkbox" className="peer" id={index.toString()}/>
+            <div className="collapse-title relative lg:flex rounded-b-md bg-white text-justify text-black text-4 font-poppins font-bold font-poppins peer-checked:bg-[#BA007C] peer-checked:rounded-b-[0px] peer-checked:text-secondary-content">
+
+              {window.location.pathname == '/backoffice' && isContentEditing && index.toString() === positionIndex ? (<input type="text" className="z-10 text-black input input-bordered w-full max-w-xs" placeholder={faqsClone[index].title} value={inputNewTitleValue} onChange={(e) => setInputNewTitleValue(e.target.value)}/>) : (<p className="lg:text-justify sm:text-center max-w-[75%]">{faqsClone[index].title}</p>)}
+              
+              {window.location.pathname == '/backoffice' && titleButtons && (
+                <div className="flex relative z-10 ml-auto justify-end mt-2 lg:mt-0">
+                  <button className="mx-4 px-4 border-gray-500 h-[30px] self-center" onClick={() => displayInput(index, faqsClone[index])}>Editar</button>
+                  <img src={deleteFaqIcon} className='h-[30px] cursor-pointer self-center' onClick={() => {setDeleteModal(true); setSelectedFaqId(faq.id)}} alt="locker" />
+                </div>
+              )}
+            </div>
+
+            <div className="collapse-content rounded-b-md bg-white">
+              <p className="text-justify text-black leading-relaxed text-4 font-poppins pl-2 py-4 mx-8 my-6">
+                {window.location.pathname == '/backoffice' && isContentEditing && index.toString() === positionIndex ? (<textarea className="z-10 text-black textarea textarea-bordered w-full" placeholder={faqsClone[index].description} value={inputNewDescriptionValue} onChange={(e) => setInputNewDescriptionValue(e.target.value)}/>) : (faqsClone[index].description)}
+              </p>
+          
+              {window.location.pathname == '/backoffice' && (
+                <div className="flex justify-end mx-8">
+                  
+                  {descriptionButtons && index.toString() === positionIndex &&
+                    <div>
+                      <button className="mr-5 xl:px-7 btn btn-outline-primary border-gray-600 bg-transparent text-gray-600" onClick={() => cancelEditing(index, faqsClone[index])}>Cancelar</button>
+                      <button className="btn xl:px-9 bg-pink-it text-white" onClick={() => saveEditingFaq(index)}>Guardar</button>
+                    </div>
+                  }
+
+                </div>
+              )}
+            </div>
           </div>
-        </div>
-      ))}
+        ))}
 
-      {window.location.pathname === '/backoffice' && deleteModal && selectedFaqId !== null && (
-        <DeleteFaqModal deleteModal={setDeleteModal} faqId={selectedFaqId} acces_token={acces_token} dispatch={dispatch} />
-      )}
+        {window.location.pathname === '/backoffice' && deleteModal && selectedFaqId !== null && (
+          <DeleteFaqModal deleteModal={setDeleteModal} faqId={selectedFaqId} acces_token={acces_token} dispatch={dispatch} />
+        )}
 
+      </div>
     </div>
   );
 };
diff --git a/src/components/faqs/faqsAdminView/AdminButtons.tsx b/src/components/faqs/faqsAdminView/AdminButtons.tsx
new file mode 100644
index 0000000..8afda55
--- /dev/null
+++ b/src/components/faqs/faqsAdminView/AdminButtons.tsx
@@ -0,0 +1,17 @@
+import plusIcon from "../../../assets/img/plus.svg"
+import userIcon from "../../../assets/img/user.svg"
+
+export const AdminButtons = () => {
+  return (
+    <>
+        <div className="flex justify-end align-center mr-6 mb-2 gap-2 bg-backOffice-main">
+            <a className="flex place-content-center w-12 h-10 rounded-lg bg-white">
+                <img src={plusIcon} alt="plusIcon" className="w-5" />
+            </a>
+            <a className="flex place-content-center w-12 h-10 rounded-lg bg-white">
+                <img src={userIcon} alt="userIcon" className="w-8" />
+            </a>
+        </div>
+    </>
+  )
+}

From 59fd8cfb991bb614840adabf80e5e0afff4aadeb Mon Sep 17 00:00:00 2001
From: AlbertLnz <albert2000_lanza@hotmail.com>
Date: Thu, 28 Sep 2023 11:22:03 +0200
Subject: [PATCH 03/11] Refactor Apps components

---
 src/assets/img/pencil.png                     | Bin 177 -> 0 bytes
 src/components/apps/Apps.tsx                  |  91 +++++++++
 src/components/apps/ProjectsComponent.tsx     | 180 ++----------------
 .../apps/appsAdminView/CreateApp.tsx          |  24 +++
 .../apps/appsAdminView/modalApps.tsx          |   6 +-
 .../apps/appsHomepageView/TasksProcess.tsx    |  34 ++++
 .../apps/appsHomepageView/TitleApps.tsx       |  18 ++
 7 files changed, 184 insertions(+), 169 deletions(-)
 delete mode 100644 src/assets/img/pencil.png
 create mode 100644 src/components/apps/Apps.tsx
 create mode 100644 src/components/apps/appsAdminView/CreateApp.tsx
 create mode 100644 src/components/apps/appsHomepageView/TasksProcess.tsx
 create mode 100644 src/components/apps/appsHomepageView/TitleApps.tsx

diff --git a/src/assets/img/pencil.png b/src/assets/img/pencil.png
deleted file mode 100644
index e51a2bc7eba25a275497adebe5f3f60fc00d6eda..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 177
zcmeAS@N?(olHy`uVBq!ia0vp^>_E)L!3HEN&baUbDb50q$YKTtZeb8+WSBKa0w~B>
z9OUlAu<o49OCX0O-O<;Pfnj4m_n$;oAm7c?#WAFUacTcSP6h=I*QKsfhUOPUXC0U*
zb+V_$;f+A8z{KzW90RVVIZrss@akM>g7}kYiPw6K;rDH~9f_7<+{<WDucR`Q`)Txv
Ul<SYPfhIC|y85}Sb4q9e08u<NO8@`>

diff --git a/src/components/apps/Apps.tsx b/src/components/apps/Apps.tsx
new file mode 100644
index 0000000..d51dd33
--- /dev/null
+++ b/src/components/apps/Apps.tsx
@@ -0,0 +1,91 @@
+import { RootState } from "../../store/store";
+import { createToken, ApiStateApps } from "../../interfaces/interfaces";
+import { FaArrowRight } from "react-icons/fa";
+import { useEffect, useState } from "react";
+import { apiCallApps, apiCallAppsInfo, postApiApps } from "../../store/reducers/appsCall/appsCallApiFunctionality";
+import { useDispatch, useSelector } from "react-redux";
+import ModalApps from "./appsAdminView/modalApps";
+import ModalsAddApps from "./appsAdminView/ModalsAddApps";
+import { deleteApiApps } from "../../store/reducers/appsCall/appsCallApiFunctionality";
+
+declare global {
+    interface Window {
+      my_modal_1: {
+        showModal: () => void;
+      }
+    }
+  }
+
+const Apps = () => {
+    const { acces_token }: createToken = useSelector(
+        (state: RootState) => state.apiPostRegister
+    );
+
+    const { apps }: ApiStateApps = useSelector(
+        (state: RootState) => state.appsCallApiFunctionality
+    );
+
+    const handleSendApiInfo = (id: number) => {
+        apiCallAppsInfo(dispatch, id, acces_token);
+    };
+
+    const dispatch = useDispatch();
+
+    useEffect(() => {
+      apiCallApps(dispatch);
+    }, []);
+  
+    const [newInfoApps, setNewInfoApps] = useState({
+      title: "",
+      description: "",
+      url: "",
+      state: "",
+    });
+  
+    const sendInfo = () => {
+      postApiApps(newInfoApps, acces_token, dispatch);
+    };
+
+  return (
+    <>
+        {apps.map((app) => {
+            return (
+              <div
+                className={`cards ${
+                  app.state === "COMPLETED" && "bg-completed"
+                } 
+                ${app.state === "SOON" ? "bg-soon" : "bg-building"}
+                card md:w-80 m-5 md:m-0 p-0   text-grey-it`}
+              >
+                <div className="card-body">
+                  {window.location.pathname == "/backoffice" && (
+                    <div className="flex place-content-end gap-2">
+                      <button className="bg-white px-4 py-1" onClick={() => {window.my_modal_1?.showModal(); handleSendApiInfo(app.id); }}>Editar</button>
+                      <button className="bg-white px-2 py-1" onClick={() => deleteApiApps(app.id, acces_token, dispatch)}>Eliminar</button>
+                    </div>
+                  )}
+                  <h2 className="card-title">{app.title}</h2>
+                  <p>{app.description}</p>
+                  <div className="card-actions justify-center">
+                    <button className="btn btn-block btn-outline bg-base-100 border-none normal-case gap-2">
+                      Ir a app <FaArrowRight />
+                    </button>
+                  </div>
+                </div>
+              </div>
+            );
+        })}
+        <ModalApps
+        newInfoApps={newInfoApps}
+        setNewInfoApps={setNewInfoApps}
+        />
+        <ModalsAddApps
+        newInfoApps={newInfoApps}
+        setNewInfoApps={setNewInfoApps}
+        sendInfo={sendInfo}
+        />
+    </>
+  )
+}
+
+export default Apps
\ No newline at end of file
diff --git a/src/components/apps/ProjectsComponent.tsx b/src/components/apps/ProjectsComponent.tsx
index 884f92a..2b1eb54 100644
--- a/src/components/apps/ProjectsComponent.tsx
+++ b/src/components/apps/ProjectsComponent.tsx
@@ -1,172 +1,24 @@
-import curvedArrow from "../../assets/img/curvedArrow.svg";
-import { FaRegCircle, FaArrowRight } from "react-icons/fa";
-import { IconContext } from "react-icons";
-import { useEffect, useState } from "react";
-import {
-  apiCallApps,
-  apiCallAppsInfo,
-  postApiApps,
-} from "../../store/reducers/appsCall/appsCallApiFunctionality";
-import { useDispatch, useSelector } from "react-redux";
-import { RootState } from "../../store/store";
-import { createToken, ApiStateApps } from "../../interfaces/interfaces";
-import Pencil from "../../assets/img/vector-10.png";
-import ModalApps from "./appsAdminView/modalApps";
-import ModalsAddApps from "./appsAdminView/ModalsAddApps";
-
-declare global {
-  interface Window {
-    my_modal_1: {
-      showModal: () => void;
-    };
-    my_modal_2: {
-      showModal: () => void;
-    };
-  }
-}
+import Apps from "./Apps";
+import CreateApp from "./appsAdminView/CreateApp";
+import TasksProcess from "./appsHomepageView/TasksProcess";
+import TitleApps from "./appsHomepageView/TitleApps";
 
 export const ProjectsComponent = () => {
-  const { acces_token }: createToken = useSelector(
-    (state: RootState) => state.apiPostRegister
-  );
-
-  const handleSendApiInfo = (id: number) => {
-    apiCallAppsInfo(dispatch, id, acces_token);
-  };
-
-  const { apps }: ApiStateApps = useSelector(
-    (state: RootState) => state.appsCallApiFunctionality
-  );
-
-  const dispatch = useDispatch();
-
-  useEffect(() => {
-    apiCallApps(dispatch);
-  }, []);
-
-  const [newInfoApps, setNewInfoApps] = useState({
-    title: "",
-    description: "",
-    url: "",
-    state: "",
-  });
-
-  const sendInfo = () => {
-    postApiApps(newInfoApps, acces_token, dispatch);
-  };
 
   return (
     <>
-      <div className=" relative container min-h-screen  mx-auto mt-10 flex ">
-        {/*Projects section*/}
-        <section className="flex  flex-col justify-center">
-          {/*Projects title area*/}
-          {window.location.pathname != "/backoffice" && (
-            <div className="grid grid-cols-4 grid-rows-1  ">
-              {window.location.pathname !== "/backoffice" && (
-                <img
-                  className="h-[44px] mr-10 place-self-end md:p-0 pl-14"
-                  src={curvedArrow}
-                ></img>
-              )}
-
-              <h2 className="font-black text-3xl text-center col-span-6">
-                Directorio de aplicaciones IT Academy
-              </h2>
-            </div>
-          )}
-          {/* Projects legend*/}
-          {window.location.pathname !== "/backoffice" && (
-            <div className="flex flex-col md:flex-row lg:w-3/4  lg:justify-end justify-center mx-auto my-6  gap-4">
-              <div className="flex justify-center items-center gap-2">
-                <IconContext.Provider
-                  value={{ color: "#bedfc8", className: "global-class-name" }}
-                >
-                  <FaRegCircle />
-                  Terminadas
-                </IconContext.Provider>
-              </div>
-              <div className="flex justify-center items-center gap-2">
-                <IconContext.Provider
-                  value={{ color: "#f8e9b9", className: "global-class-name" }}
-                >
-                  <FaRegCircle /> En construcción
-                </IconContext.Provider>
-              </div>
-              <div className="flex justify-center items-center gap-2">
-                <IconContext.Provider
-                  value={{ color: "#f7cbc4", className: "global-class-name" }}
-                >
-                  <FaRegCircle />
-                  Próximamente
-                </IconContext.Provider>
-              </div>
-            </div>
-          )}
-          {/*Cards*/}
-
-          {window.location.pathname == "/backoffice" && (
-            <div>
-              <button
-                onClick={() => {
-                  window.my_modal_2?.showModal();
-                }}
-                className="btn btn-success mb-4"
-              >
-                Añadir nuevo
-              </button>
-            </div>
-          )}
-
-          <div className=" flex flex-wrap gap-7 justify-center ">
-            {/*Card 1*/}
-
-            {apps.map((cards) => {
-              return (
-                <div
-                  className={`cards ${
-                    cards.state === "COMPLETED" && "bg-completed"
-                  } 
-         ${cards.state === "SOON" ? "bg-soon" : "bg-building"}
-         card md:w-80 m-5 md:m-0 p-0   text-grey-it`}
-                >
-                  <div className="card-body">
-                    {window.location.pathname == "/backoffice" && (
-                      <div>
-                        <img
-                          onClick={() => {
-                            window.my_modal_1?.showModal();
-                            handleSendApiInfo(cards.id);
-                          }}
-                          className="w-4 ms-auto cursor-pointer hover:scale-110 "
-                          src={Pencil}
-                          alt=""
-                        />{" "}
-                      </div>
-                    )}
-                    <h2 className="card-title">{cards.title}</h2>
-                    <p>{cards.description}</p>
-                    <div className="card-actions justify-center">
-                      <button className="btn btn-block btn-outline bg-base-100 border-none normal-case gap-2">
-                        Ir a app <FaArrowRight />
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              );
-            })}
-            <ModalApps
-              newInfoApps={newInfoApps}
-              setNewInfoApps={setNewInfoApps}
-            />
-            <ModalsAddApps
-              newInfoApps={newInfoApps}
-              setNewInfoApps={setNewInfoApps}
-              sendInfo={sendInfo}
-            />
-          </div>
-        </section>
-      </div>
+      {/*Projects section*/}
+      <section className="flex flex-col mx-auto container justify-cente bg-green-400">
+
+        {/* HomePage exclusive components */}
+        {window.location.pathname !== "/backoffice" && (<> <TitleApps /> <TasksProcess /> </>)}
+        {/*Cards*/}
+
+        <div className="grid grid-cols-3 w-full">
+          {window.location.pathname == "/backoffice" && ( <CreateApp />)}
+          <Apps />
+        </div>
+      </section>
     </>
   );
 };
diff --git a/src/components/apps/appsAdminView/CreateApp.tsx b/src/components/apps/appsAdminView/CreateApp.tsx
new file mode 100644
index 0000000..7aec875
--- /dev/null
+++ b/src/components/apps/appsAdminView/CreateApp.tsx
@@ -0,0 +1,24 @@
+declare global {
+    interface Window {
+      my_modal_2: {
+        showModal: () => void;
+      };
+    }
+}
+
+const CreateApp = () => {
+  return (
+    <div className="bg-blue-400">
+        <button
+        onClick={() => {
+            window.my_modal_2?.showModal();
+        }}
+        className="w-full h-full rounded-3xl"
+        >
+        Añadir nuevo
+        </button>
+    </div>
+  )
+}
+
+export default CreateApp
\ No newline at end of file
diff --git a/src/components/apps/appsAdminView/modalApps.tsx b/src/components/apps/appsAdminView/modalApps.tsx
index a3c9930..6cd6155 100644
--- a/src/components/apps/appsAdminView/modalApps.tsx
+++ b/src/components/apps/appsAdminView/modalApps.tsx
@@ -1,7 +1,6 @@
 import { useEffect } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { RootState } from "../../../store/store";
-import { deleteApiApps } from "../../../store/reducers/appsCall/appsCallApiFunctionality";
 import { putApiApps } from "../../../store/reducers/appsCall/appsCallApiFunctionality";
 import Cross from "../../../assets/img/cross.png";
 import { createToken } from "../../../interfaces/interfaces";
@@ -113,11 +112,8 @@ export default function ModalApps({
             <div className="flex justify-center  mt-5">
               <button
                 className="mr-5 xl:px-7 btn btn-outline-primary border-gray-600 bg-transparent text-gray-600"
-                onClick={() =>
-                  deleteApiApps(appsInfo.id, acces_token, dispatch)
-                }
               >
-                Eliminar
+                Cancelar
               </button>
               <button
                 className="btn xl:px-9  bg-pink-it text-white"
diff --git a/src/components/apps/appsHomepageView/TasksProcess.tsx b/src/components/apps/appsHomepageView/TasksProcess.tsx
new file mode 100644
index 0000000..e0bed49
--- /dev/null
+++ b/src/components/apps/appsHomepageView/TasksProcess.tsx
@@ -0,0 +1,34 @@
+import { FaRegCircle } from "react-icons/fa";
+import { IconContext } from "react-icons";
+
+const TasksProcess = () => {
+  return (
+    <div className="flex flex-col md:flex-row lg:w-3/4  lg:justify-end justify-center mx-auto my-6  gap-4">
+        <div className="flex justify-center items-center gap-2">
+        <IconContext.Provider
+            value={{ color: "#bedfc8", className: "global-class-name" }}
+        >
+            <FaRegCircle />
+            Terminadas
+        </IconContext.Provider>
+        </div>
+        <div className="flex justify-center items-center gap-2">
+        <IconContext.Provider
+            value={{ color: "#f8e9b9", className: "global-class-name" }}
+        >
+            <FaRegCircle /> En construcción
+        </IconContext.Provider>
+        </div>
+        <div className="flex justify-center items-center gap-2">
+        <IconContext.Provider
+            value={{ color: "#f7cbc4", className: "global-class-name" }}
+        >
+            <FaRegCircle />
+            Próximamente
+        </IconContext.Provider>
+        </div>
+    </div>
+  )
+}
+
+export default TasksProcess
diff --git a/src/components/apps/appsHomepageView/TitleApps.tsx b/src/components/apps/appsHomepageView/TitleApps.tsx
new file mode 100644
index 0000000..d9c4b17
--- /dev/null
+++ b/src/components/apps/appsHomepageView/TitleApps.tsx
@@ -0,0 +1,18 @@
+import curvedArrow from "../../../assets/img/curvedArrow.svg"
+
+const TitleApps = () => {
+  return (
+    <div className="grid grid-cols-4 grid-rows-1  ">
+        <img
+            className="h-[44px] mr-10 place-self-end md:p-0 pl-14"
+            src={curvedArrow}
+        ></img>
+
+        <h2 className="font-black text-3xl text-center col-span-6">
+        Directorio de aplicaciones IT Academy
+        </h2>
+    </div>
+  )
+}
+
+export default TitleApps
\ No newline at end of file

From 90b6ccb54176c487eb4114f5881d295421d3d0ac Mon Sep 17 00:00:00 2001
From: AlbertLnz <albert2000_lanza@hotmail.com>
Date: Thu, 28 Sep 2023 12:27:03 +0200
Subject: [PATCH 04/11] Resizing app cards

---
 src/assets/img/githubLogo.svg                 |  9 +++++
 src/components/apps/Apps.tsx                  | 38 +++++++++++--------
 src/components/apps/ProjectsComponent.tsx     |  2 +-
 .../apps/appsAdminView/CreateApp.tsx          |  4 +-
 4 files changed, 34 insertions(+), 19 deletions(-)
 create mode 100644 src/assets/img/githubLogo.svg

diff --git a/src/assets/img/githubLogo.svg b/src/assets/img/githubLogo.svg
new file mode 100644
index 0000000..39b50ae
--- /dev/null
+++ b/src/assets/img/githubLogo.svg
@@ -0,0 +1,9 @@
+<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <rect width="29" height="29" fill="url(#pattern0)"/>
+        <defs>
+            <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+                <use xlink:href="#image0_515_917" transform="scale(0.00195312)"/>
+            </pattern>
+            <image id="image0_515_917" width="512" height="512" xlink:href="data:image/png;base64,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"/>
+        </defs>
+</svg>
diff --git a/src/components/apps/Apps.tsx b/src/components/apps/Apps.tsx
index d51dd33..d1a3ea3 100644
--- a/src/components/apps/Apps.tsx
+++ b/src/components/apps/Apps.tsx
@@ -7,6 +7,8 @@ import { useDispatch, useSelector } from "react-redux";
 import ModalApps from "./appsAdminView/modalApps";
 import ModalsAddApps from "./appsAdminView/ModalsAddApps";
 import { deleteApiApps } from "../../store/reducers/appsCall/appsCallApiFunctionality";
+import trashIcon from "../../assets/img/icon-delete-faq-backoffice.png"
+import githubLogo from "../../assets/img/githubLogo.svg"
 
 declare global {
     interface Window {
@@ -40,6 +42,7 @@ const Apps = () => {
       description: "",
       url: "",
       state: "",
+      github: "",
     });
   
     const sendInfo = () => {
@@ -55,23 +58,26 @@ const Apps = () => {
                   app.state === "COMPLETED" && "bg-completed"
                 } 
                 ${app.state === "SOON" ? "bg-soon" : "bg-building"}
-                card md:w-80 m-5 md:m-0 p-0   text-grey-it`}
+                flex flex-col rounded-2xl mx-5 my-3`}
               >
-                <div className="card-body">
-                  {window.location.pathname == "/backoffice" && (
-                    <div className="flex place-content-end gap-2">
-                      <button className="bg-white px-4 py-1" onClick={() => {window.my_modal_1?.showModal(); handleSendApiInfo(app.id); }}>Editar</button>
-                      <button className="bg-white px-2 py-1" onClick={() => deleteApiApps(app.id, acces_token, dispatch)}>Eliminar</button>
-                    </div>
-                  )}
-                  <h2 className="card-title">{app.title}</h2>
-                  <p>{app.description}</p>
-                  <div className="card-actions justify-center">
-                    <button className="btn btn-block btn-outline bg-base-100 border-none normal-case gap-2">
-                      Ir a app <FaArrowRight />
-                    </button>
-                  </div>
-                </div>
+                    {window.location.pathname === "/backoffice" && (
+                        <div className="flex place-content-end gap-2">
+                            <button className="bg-white px-4 py-1 mt-4" onClick={() => {window.my_modal_1?.showModal(); handleSendApiInfo(app.id); }}>Editar</button>
+                            <a className="flex mt-4 mr-4" onClick={() => deleteApiApps(app.id, acces_token, dispatch)}>
+                                <img src={trashIcon} alt="eliminar" className="w-10" />
+                            </a>
+                        </div>
+                    )}
+                    {window.location.pathname === "/" && (
+                        <a href={"https://www.youtube.es"} className="flex place-content-end px-4 py-1 mt-4" target="_blank">
+                            <img src={githubLogo} alt="github_link" />
+                        </a>
+                    )}
+                    <h2 className="text-start ml-6 text-xl font-bold">{app.title}</h2>
+                    <p className="flex-grow text-left ml-4 mr-8 my-4 line-clamp-4 leading-7 text-[#7e7e7e]">{app.description}</p>
+                    <a href={app.url} className="flex mb-4 mx-4 btn btn-outline bg-base-100 border-none normal-case" target="_blank">
+                    Ir a app <FaArrowRight />
+                    </a>
               </div>
             );
         })}
diff --git a/src/components/apps/ProjectsComponent.tsx b/src/components/apps/ProjectsComponent.tsx
index 2b1eb54..418e768 100644
--- a/src/components/apps/ProjectsComponent.tsx
+++ b/src/components/apps/ProjectsComponent.tsx
@@ -8,7 +8,7 @@ export const ProjectsComponent = () => {
   return (
     <>
       {/*Projects section*/}
-      <section className="flex flex-col mx-auto container justify-cente bg-green-400">
+      <section className="flex flex-col mx-auto container justify-center">
 
         {/* HomePage exclusive components */}
         {window.location.pathname !== "/backoffice" && (<> <TitleApps /> <TasksProcess /> </>)}
diff --git a/src/components/apps/appsAdminView/CreateApp.tsx b/src/components/apps/appsAdminView/CreateApp.tsx
index 7aec875..e8d3d3d 100644
--- a/src/components/apps/appsAdminView/CreateApp.tsx
+++ b/src/components/apps/appsAdminView/CreateApp.tsx
@@ -8,12 +8,12 @@ declare global {
 
 const CreateApp = () => {
   return (
-    <div className="bg-blue-400">
+    <div className="mx-5 my-3">
         <button
         onClick={() => {
             window.my_modal_2?.showModal();
         }}
-        className="w-full h-full rounded-3xl"
+        className="w-full h-full rounded-3xl bg-blue-400"
         >
         Añadir nuevo
         </button>

From 7eb1307338c99f2a4408a1fc94b7fb5447606139 Mon Sep 17 00:00:00 2001
From: AlbertLnz <albert2000_lanza@hotmail.com>
Date: Thu, 28 Sep 2023 13:15:54 +0200
Subject: [PATCH 05/11] Styling ModalAddApps

---
 .../apps/appsAdminView/ModalsAddApps.tsx      | 96 ++++++++++---------
 1 file changed, 50 insertions(+), 46 deletions(-)

diff --git a/src/components/apps/appsAdminView/ModalsAddApps.tsx b/src/components/apps/appsAdminView/ModalsAddApps.tsx
index c079606..33cc859 100644
--- a/src/components/apps/appsAdminView/ModalsAddApps.tsx
+++ b/src/components/apps/appsAdminView/ModalsAddApps.tsx
@@ -8,22 +8,21 @@ export default function ModalsAddApps({
   setNewInfoApps: any;
   sendInfo: any;
 }) {
+  
   return (
     <>
-      <dialog id="my_modal_2" className="modal ">
-        <form
-          method="dialog"
-          className="modal-box text-start flex flex-col h-3/4  "
-        >
+      <dialog id="my_modal_2" className="modal">
+        <form method="dialog" className="modal-box flex flex-col text-start h-4/5">
           <button className="cursor-pointer bg-transparent ml-auto border-0 focus:outline-none hover:bg-transparent">
             <img src={Cross} alt="Cross button" />
           </button>
+
           <input
             placeholder="Titulo"
             onChange={(e) =>
               setNewInfoApps({ ...newInfoApps, title: e.target.value })
             }
-            className="resize-none p-5 focus:border-0 focus:outline-none text-black text-4 font-poppins font-medium w-full"
+            className="focus:outline-none mb-2 text-black font-poppins font-bold"
             type="text"
           />
 
@@ -32,65 +31,70 @@ export default function ModalsAddApps({
             onChange={(e) =>
               setNewInfoApps({ ...newInfoApps, description: e.target.value })
             }
-            className="placeholder-dark bg-transparent text-gray-600 h-full p-4 w-full h-10 focus:border-0 focus:outline-none"
-          />
-          <h3>Url del repositorio</h3>
-          <input
-            onChange={(e) =>
-              setNewInfoApps({ ...newInfoApps, url: e.target.value })
-            }
-            type="text"
-            placeholder="URL"
-            className="input input-bordered w-full  py-2   "
+            className="focus:outline-none mt-2 mb-4 w-full text-[#7e7e7e] "
           />
 
-          <h3 className="mt-2 mb-3">Estado</h3>
-          <div className="rounded-full border inline-flex justify-between  ">
+          <div className="my-2">
+            <h3 className="font-bold mb-1">Url del proyecto</h3>
+            <input
+              onChange={(e) =>
+                setNewInfoApps({ ...newInfoApps, url: e.target.value })
+              }
+              type="text"
+              placeholder="URL"
+              className="input input-bordered w-full  py-2   "
+            />
+          </div>
+
+          <div className="my-4">
+            <h3 className="font-bold mb-1">Url del repositorio de GitHub</h3>
+            <input
+              onChange={(e) =>
+                setNewInfoApps({ ...newInfoApps, github: e.target.value })
+              }
+              type="text"
+              placeholder="URL"
+              className="input input-bordered w-full py-2   "
+            />
+          </div>
+
+          <h3 className="font-bold mt-2 mb-3">Estado</h3>
+          <div className="flex rounded-full">
             <p
-              onClick={() => {
-                setNewInfoApps({ ...newInfoApps, state: "COMPLETED" });
-              }}
-              className={
-                newInfoApps.state == "COMPLETED"
+              onClick={() => { setNewInfoApps({ ...newInfoApps, state: "COMPLETED" })}}
+              className={`
+                ${newInfoApps.state == "COMPLETED"
                   ? " font-bold bg-completed rounded-full p-3 cursor-pointer  "
                   : "cursor-pointer p-3"
-              }
+                } text-sm`}
             >
               Completado
             </p>
             <p
-              onClick={() => {
-                setNewInfoApps({ ...newInfoApps, state: "IN PROGRESS" });
-              }}
-              className={
-                newInfoApps.state == "IN PROGRESS"
+              onClick={() => {setNewInfoApps({ ...newInfoApps, state: "IN PROGRESS" })}}
+              className={`
+                ${newInfoApps.state == "IN PROGRESS"
                   ? "font-bold bg-building ml-2 rounded-full p-3 cursor-pointer "
-                  : "ml-2 cursor-pointer p-3"
-              }
+                  : "cursor-pointer p-3 ml-2"
+              } text-sm`}
             >
               En progreso
             </p>
             <p
-              onClick={() => {
-                setNewInfoApps({ ...newInfoApps, state: "SOON" });
-              }}
-              className={
-                newInfoApps.state == "SOON"
+              onClick={() => {setNewInfoApps({ ...newInfoApps, state: "SOON" })}}
+              className={`
+                ${newInfoApps.state == "SOON"
                   ? "font-bold bg-soon ml-2 rounded-full p-3 cursor-pointer"
-                  : "ml-2 p-1 cursor-pointer p-3"
-              }
+                  : "cursor-pointer p-3 ml-2"
+              } text-sm`}
             >
-              Terminado
+              Próximamente
             </p>
           </div>
 
-          <div className="flex justify-center  mt-5">
-            <button
-              className="btn xl:px-9  bg-pink-it text-white"
-              onClick={sendInfo}
-            >
-              Añadir
-            </button>
+          <div className="flex place-content-center mt-6 gap-12">
+            <button className="btn normal-case xl:px-12 text-[#7e7e7e] border border-[#7e7e7e] bg-white">Cancelar</button>
+            <button className="btn normal-case xl:px-12 text-white bg-pink-it" onClick={sendInfo}>Crear</button>
           </div>
         </form>
       </dialog>

From 5ccb7757e4ce5d54e230eb7e4b80d03990b10406 Mon Sep 17 00:00:00 2001
From: AlbertLnz <albert2000_lanza@hotmail.com>
Date: Thu, 28 Sep 2023 13:28:23 +0200
Subject: [PATCH 06/11] Styling CreateApp button

---
 src/components/apps/Apps.tsx                  |  2 +-
 .../apps/appsAdminView/CreateApp.tsx          | 19 +++++++++++--------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/apps/Apps.tsx b/src/components/apps/Apps.tsx
index d1a3ea3..0ddda95 100644
--- a/src/components/apps/Apps.tsx
+++ b/src/components/apps/Apps.tsx
@@ -58,7 +58,7 @@ const Apps = () => {
                   app.state === "COMPLETED" && "bg-completed"
                 } 
                 ${app.state === "SOON" ? "bg-soon" : "bg-building"}
-                flex flex-col rounded-2xl mx-5 my-3`}
+                flex flex-col rounded-xl mx-5 my-3`}
               >
                     {window.location.pathname === "/backoffice" && (
                         <div className="flex place-content-end gap-2">
diff --git a/src/components/apps/appsAdminView/CreateApp.tsx b/src/components/apps/appsAdminView/CreateApp.tsx
index e8d3d3d..8123686 100644
--- a/src/components/apps/appsAdminView/CreateApp.tsx
+++ b/src/components/apps/appsAdminView/CreateApp.tsx
@@ -1,3 +1,5 @@
+import plusIcon from "../../../assets/img/plus.svg"
+
 declare global {
     interface Window {
       my_modal_2: {
@@ -9,14 +11,15 @@ declare global {
 const CreateApp = () => {
   return (
     <div className="mx-5 my-3">
-        <button
-        onClick={() => {
-            window.my_modal_2?.showModal();
-        }}
-        className="w-full h-full rounded-3xl bg-blue-400"
-        >
-        Añadir nuevo
-        </button>
+      <button
+      onClick={() => {
+          window.my_modal_2?.showModal();
+      }}
+      className="flex w-full h-full justify-center items-center rounded-xl border-dashed border-2 border-[#7e7e7e]"
+      >
+      <img src={plusIcon} alt="+" className="w-6" />
+      <p className="ml-2 font-bold text-[#7e7e7e]">Crear nueva app</p>
+      </button>
     </div>
   )
 }

From 16f217b60b14973452cb50bf40d3d9f3542a7890 Mon Sep 17 00:00:00 2001
From: AlbertLnz <albert2000_lanza@hotmail.com>
Date: Thu, 28 Sep 2023 14:33:19 +0200
Subject: [PATCH 07/11] Styling Apps cards

---
 src/components/BackOfficeComponent.tsx    |  1 +
 src/components/apps/ProjectsComponent.tsx | 11 ++++++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/BackOfficeComponent.tsx b/src/components/BackOfficeComponent.tsx
index 76d87a0..3d3a041 100644
--- a/src/components/BackOfficeComponent.tsx
+++ b/src/components/BackOfficeComponent.tsx
@@ -126,6 +126,7 @@ return (
                       </div>
 
                       <div className={state.projectsComponent ? 'component hidden' : 'component'}>
+                          <AdminButtons />
                           <ProjectsComponent />
                       </div>
                   </>
diff --git a/src/components/apps/ProjectsComponent.tsx b/src/components/apps/ProjectsComponent.tsx
index 418e768..c8e1776 100644
--- a/src/components/apps/ProjectsComponent.tsx
+++ b/src/components/apps/ProjectsComponent.tsx
@@ -8,14 +8,19 @@ export const ProjectsComponent = () => {
   return (
     <>
       {/*Projects section*/}
-      <section className="flex flex-col mx-auto container justify-center">
+      <section className="flex flex-col bg-white rounded-md mx-6 px-10">
 
         {/* HomePage exclusive components */}
         {window.location.pathname !== "/backoffice" && (<> <TitleApps /> <TasksProcess /> </>)}
+        
         {/*Cards*/}
-
         <div className="grid grid-cols-3 w-full">
-          {window.location.pathname == "/backoffice" && ( <CreateApp />)}
+          {window.location.pathname == "/backoffice" && (
+            <>
+              <h2 className="col-span-3 ml-6 font-black py-12 text-3xl font-poppins sm:text-center lg:text-left"> Apps </h2>
+              <CreateApp />
+            </>
+          )}
           <Apps />
         </div>
       </section>

From 8677b06f8d41d54343724ea23a5bd49ed7d5b3af Mon Sep 17 00:00:00 2001
From: AlbertLnz <albert2000_lanza@hotmail.com>
Date: Thu, 28 Sep 2023 14:41:54 +0200
Subject: [PATCH 08/11] Faqs & Apps in /backoffice same proportions

---
 src/components/apps/ProjectsComponent.tsx          | 2 +-
 src/components/faqs/FAQsComponent.tsx              | 8 ++++----
 src/components/faqs/faqsAdminView/FaqsModified.tsx | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/apps/ProjectsComponent.tsx b/src/components/apps/ProjectsComponent.tsx
index c8e1776..58701dd 100644
--- a/src/components/apps/ProjectsComponent.tsx
+++ b/src/components/apps/ProjectsComponent.tsx
@@ -17,7 +17,7 @@ export const ProjectsComponent = () => {
         <div className="grid grid-cols-3 w-full">
           {window.location.pathname == "/backoffice" && (
             <>
-              <h2 className="col-span-3 ml-6 font-black py-12 text-3xl font-poppins sm:text-center lg:text-left"> Apps </h2>
+              <h2 className="col-span-3 ml-10 font-black py-12 text-3xl font-poppins sm:text-center lg:text-left"> Apps </h2>
               <CreateApp />
             </>
           )}
diff --git a/src/components/faqs/FAQsComponent.tsx b/src/components/faqs/FAQsComponent.tsx
index e4cef7c..c4eba99 100644
--- a/src/components/faqs/FAQsComponent.tsx
+++ b/src/components/faqs/FAQsComponent.tsx
@@ -118,15 +118,15 @@ const FAQs = () => {
   }
 
   return (
-    <div className="bg-white rounded-md mr-6">
-      <div className="w-3/4 m-auto">
+    <div className="bg-white rounded-md mx-6 px-10">
+      <div className="w-full">
         
-        <h2 className="font-black py-12 text-3xl font-poppins sm:text-center lg:text-left"> FAQs </h2>
+        <h2 className="font-black py-12 ml-10 text-3xl font-poppins sm:text-center lg:text-left"> FAQs </h2>
 
         { window.location.pathname =='/backoffice'&&( <FaqsModified/> ) }
 
         {faqsClone.map((faq:Faq, index:number) => (
-          <div className={`collapse rounded-md ${ 'mb-5'  // Agrega mb-5 si no es el último elemento
+          <div className={`collapse rounded-md ml-5 ${ 'mb-5'  // Agrega mb-5 si no es el último elemento
             } shadow-xl`} key={index}>
 
             <input type="checkbox" className="peer" id={index.toString()}/>
diff --git a/src/components/faqs/faqsAdminView/FaqsModified.tsx b/src/components/faqs/faqsAdminView/FaqsModified.tsx
index 76c7ec3..f97e8cc 100644
--- a/src/components/faqs/faqsAdminView/FaqsModified.tsx
+++ b/src/components/faqs/faqsAdminView/FaqsModified.tsx
@@ -31,7 +31,7 @@ export default function FaqsModified() {
 
   return (
     <>
-      <div className={`collapse collapse-arrow border-2 border-dashed mb-6 ${isOpen ? 'collapse-open' : 'collapse-close'}`}>
+      <div className={`collapse collapse-arrow border-2 border-dashed mb-6 ml-5 ${isOpen ? 'collapse-open' : 'collapse-close'}`}>
         <input type="checkbox" className={`${isOpen ? 'z-0' : ''}`} onClick={() => setIsOpen(true)} /> 
         <div className={`collapse-title relative text-start font-bold text-[#7e7e7e] ${isOpen ? 'text-white bg-[#BA007C] z-10' : ''}`}>
           {isOpen ? <input type="text" className="z-20 text-black input input-bordered" onChange={(e) => setFaqsContent({ ...faqsContent, title: e.target.value })} value={faqsContent.title}/> : <p className="z-10 lg:text-justify sm:text-center max-w-[75%]">Crear nueva pregunta</p>}

From b350104a1c83b0e9a75eeba4f657a67f502753de Mon Sep 17 00:00:00 2001
From: AlbertLnz <albert2000_lanza@hotmail.com>
Date: Thu, 28 Sep 2023 14:46:51 +0200
Subject: [PATCH 09/11] Fix extra margin-left on Faqs

---
 src/components/faqs/FAQsComponent.tsx              | 2 +-
 src/components/faqs/faqsAdminView/FaqsModified.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/faqs/FAQsComponent.tsx b/src/components/faqs/FAQsComponent.tsx
index c4eba99..5b0642d 100644
--- a/src/components/faqs/FAQsComponent.tsx
+++ b/src/components/faqs/FAQsComponent.tsx
@@ -126,7 +126,7 @@ const FAQs = () => {
         { window.location.pathname =='/backoffice'&&( <FaqsModified/> ) }
 
         {faqsClone.map((faq:Faq, index:number) => (
-          <div className={`collapse rounded-md ml-5 ${ 'mb-5'  // Agrega mb-5 si no es el último elemento
+          <div className={`collapse rounded-md ${ 'mb-5'  // Agrega mb-5 si no es el último elemento
             } shadow-xl`} key={index}>
 
             <input type="checkbox" className="peer" id={index.toString()}/>
diff --git a/src/components/faqs/faqsAdminView/FaqsModified.tsx b/src/components/faqs/faqsAdminView/FaqsModified.tsx
index f97e8cc..76c7ec3 100644
--- a/src/components/faqs/faqsAdminView/FaqsModified.tsx
+++ b/src/components/faqs/faqsAdminView/FaqsModified.tsx
@@ -31,7 +31,7 @@ export default function FaqsModified() {
 
   return (
     <>
-      <div className={`collapse collapse-arrow border-2 border-dashed mb-6 ml-5 ${isOpen ? 'collapse-open' : 'collapse-close'}`}>
+      <div className={`collapse collapse-arrow border-2 border-dashed mb-6 ${isOpen ? 'collapse-open' : 'collapse-close'}`}>
         <input type="checkbox" className={`${isOpen ? 'z-0' : ''}`} onClick={() => setIsOpen(true)} /> 
         <div className={`collapse-title relative text-start font-bold text-[#7e7e7e] ${isOpen ? 'text-white bg-[#BA007C] z-10' : ''}`}>
           {isOpen ? <input type="text" className="z-20 text-black input input-bordered" onChange={(e) => setFaqsContent({ ...faqsContent, title: e.target.value })} value={faqsContent.title}/> : <p className="z-10 lg:text-justify sm:text-center max-w-[75%]">Crear nueva pregunta</p>}

From d665d75c2cb050b7701c534e1d364609e7eb5912 Mon Sep 17 00:00:00 2001
From: AlbertLnz <albert2000_lanza@hotmail.com>
Date: Thu, 28 Sep 2023 18:05:00 +0200
Subject: [PATCH 10/11] Responsive design in Faqs & Apps

---
 src/components/BackOfficeComponent.tsx          | 15 ++++++++++-----
 src/components/apps/ProjectsComponent.tsx       |  4 ++--
 src/components/apps/appsAdminView/CreateApp.tsx |  2 +-
 src/components/faqs/FAQsComponent.tsx           | 11 +++++++++--
 4 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/components/BackOfficeComponent.tsx b/src/components/BackOfficeComponent.tsx
index 3d3a041..1df234a 100644
--- a/src/components/BackOfficeComponent.tsx
+++ b/src/components/BackOfficeComponent.tsx
@@ -41,17 +41,21 @@ function ViewBackOffice({
   }
 
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
-  const [windowWidth] = useWindowSize();
+  const size = useWindowSize();
+  const [hiddenAdminButtons, sethiddenAdminButtons] = useState(false);
 
   const toggleDropdown = ():void=> {
       setIsDropdownOpen(!isDropdownOpen);
     };
 
   useEffect(() => {
-    if(windowWidth>=1024){
+    if(size[1]>=1024){
       setIsDropdownOpen(false)
+      sethiddenAdminButtons(false)
+    }else{
+      sethiddenAdminButtons(true)
     }
-  }, [windowWidth]);
+  }, [size[1]]);
 
 
 return (
@@ -93,6 +97,7 @@ return (
               {/* Mobile */}
               <div className='lg:hidden'>
                   <div className="flex justify-end mt-4 mr-4 cursor-pointer">
+                      <AdminButtons />
                       <img src={menu} className="h-8 w-8" onClick={toggleDropdown}/>
                   </div>
               </div>
@@ -121,12 +126,12 @@ return (
               {!isDropdownOpen && (
                   <>
                       <div className={`${state.faqs ? 'component hidden' : 'component'}`}>
-                          <AdminButtons />
+                          {!hiddenAdminButtons && <AdminButtons />}
                           <FAQs />    
                       </div>
 
                       <div className={state.projectsComponent ? 'component hidden' : 'component'}>
-                          <AdminButtons />
+                          {!hiddenAdminButtons && <AdminButtons />}
                           <ProjectsComponent />
                       </div>
                   </>
diff --git a/src/components/apps/ProjectsComponent.tsx b/src/components/apps/ProjectsComponent.tsx
index 58701dd..10b2677 100644
--- a/src/components/apps/ProjectsComponent.tsx
+++ b/src/components/apps/ProjectsComponent.tsx
@@ -14,10 +14,10 @@ export const ProjectsComponent = () => {
         {window.location.pathname !== "/backoffice" && (<> <TitleApps /> <TasksProcess /> </>)}
         
         {/*Cards*/}
-        <div className="grid grid-cols-3 w-full">
+        <div className="grid lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 w-full">
           {window.location.pathname == "/backoffice" && (
             <>
-              <h2 className="col-span-3 ml-10 font-black py-12 text-3xl font-poppins sm:text-center lg:text-left"> Apps </h2>
+              <h2 className="md:col-span-2 lg:col-span-3 ml-10 font-black py-12 text-3xl font-poppins sm:text-center lg:text-left"> Apps </h2>
               <CreateApp />
             </>
           )}
diff --git a/src/components/apps/appsAdminView/CreateApp.tsx b/src/components/apps/appsAdminView/CreateApp.tsx
index 8123686..075b6ae 100644
--- a/src/components/apps/appsAdminView/CreateApp.tsx
+++ b/src/components/apps/appsAdminView/CreateApp.tsx
@@ -15,7 +15,7 @@ const CreateApp = () => {
       onClick={() => {
           window.my_modal_2?.showModal();
       }}
-      className="flex w-full h-full justify-center items-center rounded-xl border-dashed border-2 border-[#7e7e7e]"
+      className="flex w-full h-56 md:h-full justify-center items-center rounded-xl border-dashed border-2 border-[#7e7e7e]"
       >
       <img src={plusIcon} alt="+" className="w-6" />
       <p className="ml-2 font-bold text-[#7e7e7e]">Crear nueva app</p>
diff --git a/src/components/faqs/FAQsComponent.tsx b/src/components/faqs/FAQsComponent.tsx
index 5b0642d..993fb27 100644
--- a/src/components/faqs/FAQsComponent.tsx
+++ b/src/components/faqs/FAQsComponent.tsx
@@ -121,9 +121,16 @@ const FAQs = () => {
     <div className="bg-white rounded-md mx-6 px-10">
       <div className="w-full">
         
-        <h2 className="font-black py-12 ml-10 text-3xl font-poppins sm:text-center lg:text-left"> FAQs </h2>
+        { window.location.pathname === '/' &&(
+          <h2 className="font-black text-3xl text-center font-poppins mb-6">Preguntas frecuentes</h2>
+        )}
 
-        { window.location.pathname =='/backoffice'&&( <FaqsModified/> ) }
+        { window.location.pathname ==='/backoffice'&&(
+          <>
+            <h2 className="font-black py-12 ml-10 text-3xl font-poppins sm:text-center lg:text-left"> FAQs </h2>
+            <FaqsModified/>
+          </>
+        )}
 
         {faqsClone.map((faq:Faq, index:number) => (
           <div className={`collapse rounded-md ${ 'mb-5'  // Agrega mb-5 si no es el último elemento

From e546b34ac12436a3edba8fe438d11df3b0325412 Mon Sep 17 00:00:00 2001
From: AlbertLnz <albert2000_lanza@hotmail.com>
Date: Thu, 28 Sep 2023 20:08:33 +0200
Subject: [PATCH 11/11] Last changes of styling & fixing Apps & Faqs

---
 src/components/apps/Apps.tsx                  | 16 +---
 src/components/apps/ProjectsComponent.tsx     |  2 +-
 .../apps/appsAdminView/CreateApp.tsx          | 58 ++++++++---
 .../apps/appsAdminView/ModalsAddApps.tsx      | 22 ++---
 .../apps/appsAdminView/modalApps.tsx          | 95 +++++++++++--------
 src/components/faqs/FAQsComponent.tsx         |  5 +-
 .../faqs/faqsAdminView/FaqsModified.tsx       |  4 +-
 src/interfaces/interfaces.tsx                 |  1 +
 8 files changed, 119 insertions(+), 84 deletions(-)

diff --git a/src/components/apps/Apps.tsx b/src/components/apps/Apps.tsx
index 0ddda95..94a58fa 100644
--- a/src/components/apps/Apps.tsx
+++ b/src/components/apps/Apps.tsx
@@ -2,10 +2,9 @@ import { RootState } from "../../store/store";
 import { createToken, ApiStateApps } from "../../interfaces/interfaces";
 import { FaArrowRight } from "react-icons/fa";
 import { useEffect, useState } from "react";
-import { apiCallApps, apiCallAppsInfo, postApiApps } from "../../store/reducers/appsCall/appsCallApiFunctionality";
+import { apiCallApps, apiCallAppsInfo } from "../../store/reducers/appsCall/appsCallApiFunctionality";
 import { useDispatch, useSelector } from "react-redux";
 import ModalApps from "./appsAdminView/modalApps";
-import ModalsAddApps from "./appsAdminView/ModalsAddApps";
 import { deleteApiApps } from "../../store/reducers/appsCall/appsCallApiFunctionality";
 import trashIcon from "../../assets/img/icon-delete-faq-backoffice.png"
 import githubLogo from "../../assets/img/githubLogo.svg"
@@ -44,10 +43,6 @@ const Apps = () => {
       state: "",
       github: "",
     });
-  
-    const sendInfo = () => {
-      postApiApps(newInfoApps, acces_token, dispatch);
-    };
 
   return (
     <>
@@ -58,7 +53,7 @@ const Apps = () => {
                   app.state === "COMPLETED" && "bg-completed"
                 } 
                 ${app.state === "SOON" ? "bg-soon" : "bg-building"}
-                flex flex-col rounded-xl mx-5 my-3`}
+                flex flex-col rounded-xl mx-5 my-3 min-h-[296px]`}
               >
                     {window.location.pathname === "/backoffice" && (
                         <div className="flex place-content-end gap-2">
@@ -69,7 +64,7 @@ const Apps = () => {
                         </div>
                     )}
                     {window.location.pathname === "/" && (
-                        <a href={"https://www.youtube.es"} className="flex place-content-end px-4 py-1 mt-4" target="_blank">
+                        <a href={app.github} className="flex place-content-end px-4 py-1 mt-4" target="_blank">
                             <img src={githubLogo} alt="github_link" />
                         </a>
                     )}
@@ -85,11 +80,6 @@ const Apps = () => {
         newInfoApps={newInfoApps}
         setNewInfoApps={setNewInfoApps}
         />
-        <ModalsAddApps
-        newInfoApps={newInfoApps}
-        setNewInfoApps={setNewInfoApps}
-        sendInfo={sendInfo}
-        />
     </>
   )
 }
diff --git a/src/components/apps/ProjectsComponent.tsx b/src/components/apps/ProjectsComponent.tsx
index 10b2677..9311bba 100644
--- a/src/components/apps/ProjectsComponent.tsx
+++ b/src/components/apps/ProjectsComponent.tsx
@@ -8,7 +8,7 @@ export const ProjectsComponent = () => {
   return (
     <>
       {/*Projects section*/}
-      <section className="flex flex-col bg-white rounded-md mx-6 px-10">
+      <section className="flex flex-col bg-white rounded-md mx-6 px-10 pb-5">
 
         {/* HomePage exclusive components */}
         {window.location.pathname !== "/backoffice" && (<> <TitleApps /> <TasksProcess /> </>)}
diff --git a/src/components/apps/appsAdminView/CreateApp.tsx b/src/components/apps/appsAdminView/CreateApp.tsx
index 075b6ae..4196c88 100644
--- a/src/components/apps/appsAdminView/CreateApp.tsx
+++ b/src/components/apps/appsAdminView/CreateApp.tsx
@@ -1,5 +1,10 @@
+import { RootState } from "../../../store/store";
+import { postApiApps } from "../../../store/reducers/appsCall/appsCallApiFunctionality";
+import { useDispatch, useSelector } from "react-redux";
+import { createToken } from "../../../interfaces/interfaces";
+import { useState } from "react";
+import ModalsAddApps from "./ModalsAddApps";
 import plusIcon from "../../../assets/img/plus.svg"
-
 declare global {
     interface Window {
       my_modal_2: {
@@ -9,18 +14,47 @@ declare global {
 }
 
 const CreateApp = () => {
+  
+  const dispatch = useDispatch();
+  
+  const { acces_token }: createToken = useSelector(
+    (state: RootState) => state.apiPostRegister
+  );
+  
+  const [newInfoApps, setNewInfoApps] = useState({
+    title: "",
+    description: "",
+    url: "",
+    state: "",
+    github: "",
+  });
+
+  const sendInfo = () => {
+    console.log(newInfoApps, acces_token, dispatch)
+    postApiApps(newInfoApps, acces_token, dispatch);
+  };
+
   return (
-    <div className="mx-5 my-3">
-      <button
-      onClick={() => {
-          window.my_modal_2?.showModal();
-      }}
-      className="flex w-full h-56 md:h-full justify-center items-center rounded-xl border-dashed border-2 border-[#7e7e7e]"
-      >
-      <img src={plusIcon} alt="+" className="w-6" />
-      <p className="ml-2 font-bold text-[#7e7e7e]">Crear nueva app</p>
-      </button>
-    </div>
+    <>
+      <div className="mx-5 my-3">
+        <button
+        onClick={() => {
+            window.my_modal_2?.showModal();
+        }}
+        className="flex w-full h-56 md:h-full justify-center items-center rounded-xl border-dashed border-2 border-[#7e7e7e]"
+        >
+        <img src={plusIcon} alt="+" className="w-6" />
+        <p className="ml-2 font-bold text-[#7e7e7e]">Crear nueva app</p>
+        </button>
+      </div>
+    
+      <ModalsAddApps
+        newInfoApps={newInfoApps}
+        setNewInfoApps={setNewInfoApps}
+        sendInfo={sendInfo}
+      />
+
+    </>
   )
 }
 
diff --git a/src/components/apps/appsAdminView/ModalsAddApps.tsx b/src/components/apps/appsAdminView/ModalsAddApps.tsx
index 33cc859..cd32964 100644
--- a/src/components/apps/appsAdminView/ModalsAddApps.tsx
+++ b/src/components/apps/appsAdminView/ModalsAddApps.tsx
@@ -31,52 +31,52 @@ export default function ModalsAddApps({
             onChange={(e) =>
               setNewInfoApps({ ...newInfoApps, description: e.target.value })
             }
-            className="focus:outline-none mt-2 mb-4 w-full text-[#7e7e7e] "
+            className="focus:outline-none mt-2 mb-4 w-full text-[#7e7e7e]"
           />
 
           <div className="my-2">
             <h3 className="font-bold mb-1">Url del proyecto</h3>
             <input
+              placeholder="URL"
               onChange={(e) =>
                 setNewInfoApps({ ...newInfoApps, url: e.target.value })
               }
               type="text"
-              placeholder="URL"
-              className="input input-bordered w-full  py-2   "
+              className="input input-bordered w-full py-2"
             />
           </div>
 
           <div className="my-4">
             <h3 className="font-bold mb-1">Url del repositorio de GitHub</h3>
             <input
+              placeholder="GitHub"
               onChange={(e) =>
                 setNewInfoApps({ ...newInfoApps, github: e.target.value })
               }
               type="text"
-              placeholder="URL"
-              className="input input-bordered w-full py-2   "
+              className="input input-bordered w-full py-2"
             />
           </div>
 
           <h3 className="font-bold mt-2 mb-3">Estado</h3>
-          <div className="flex rounded-full">
+          <div className="flex w-fit rounded-full p-1 border border-[#7e7e7e]">
             <p
               onClick={() => { setNewInfoApps({ ...newInfoApps, state: "COMPLETED" })}}
               className={`
                 ${newInfoApps.state == "COMPLETED"
-                  ? " font-bold bg-completed rounded-full p-3 cursor-pointer  "
+                  ? "font-bold bg-completed rounded-full p-3 cursor-pointer"
                   : "cursor-pointer p-3"
                 } text-sm`}
             >
-              Completado
+              Completada
             </p>
             <p
               onClick={() => {setNewInfoApps({ ...newInfoApps, state: "IN PROGRESS" })}}
               className={`
                 ${newInfoApps.state == "IN PROGRESS"
-                  ? "font-bold bg-building ml-2 rounded-full p-3 cursor-pointer "
+                  ? "font-bold bg-building ml-2 rounded-full p-3 cursor-pointer"
                   : "cursor-pointer p-3 ml-2"
-              } text-sm`}
+                } text-sm`}
             >
               En progreso
             </p>
@@ -86,7 +86,7 @@ export default function ModalsAddApps({
                 ${newInfoApps.state == "SOON"
                   ? "font-bold bg-soon ml-2 rounded-full p-3 cursor-pointer"
                   : "cursor-pointer p-3 ml-2"
-              } text-sm`}
+                } text-sm`}
             >
               Próximamente
             </p>
diff --git a/src/components/apps/appsAdminView/modalApps.tsx b/src/components/apps/appsAdminView/modalApps.tsx
index 6cd6155..8a7efb7 100644
--- a/src/components/apps/appsAdminView/modalApps.tsx
+++ b/src/components/apps/appsAdminView/modalApps.tsx
@@ -26,6 +26,7 @@ export default function ModalApps({
       title: appsInfo.title,
       description: appsInfo.description,
       url: appsInfo.url,
+      github: appsInfo.github,
       state: appsInfo.state,
       id: appsInfo.id,
     }));
@@ -36,63 +37,77 @@ export default function ModalApps({
     <>
       <dialog id="my_modal_1" className="modal ">
         {!loadingApps ? (
-          <form
-            method="dialog"
-            className="modal-box text-start flex flex-col h-3/4  "
-          >
+          <form method="dialog" className="modal-box text-start flex flex-col h-4/5">
             <button className="cursor-pointer bg-transparent ml-auto border-0 focus:outline-none hover:bg-transparent">
               <img src={Cross} alt="Cross button" />
             </button>
+
             <input
-              className="resize-none p-5 focus:border-0 focus:outline-none text-black text-4 font-poppins font-medium w-full"
-              type="text"
               value={newInfoApps.title}
               onChange={(e) =>
                 setNewInfoApps({ ...newInfoApps, title: e.target.value })
               }
+              className="focus:outline-none mb-2 text-black font-poppins font-bold"
+              type="text"
             />
 
             <textarea
-              className="placeholder-white bg-transparent text-gray-600 h-full p-4 w-full h-10 focus:border-0 focus:outline-none"
               value={newInfoApps.description}
               onChange={(e) =>
                 setNewInfoApps({ ...newInfoApps, description: e.target.value })
               }
+              className="focus:outline-none mt-2 mb-4 w-full text-[#7e7e7e]"
             />
-            <h3>Url del repositorio</h3>
-            <input
-              value={newInfoApps.url}
-              onChange={(e) =>
-                setNewInfoApps({ ...newInfoApps, url: e.target.value })
-              }
-              type="text"
-              placeholder="Type here"
-              className="input input-bordered w-full  py-2   "
-            />
 
-            <h3 className="mt-2 mb-3">Estado</h3>
-            <div className="rounded-full border inline-flex justify-between  ">
+            <div className="my-2">
+              <h3 className="font-bold mb-1">Url del proyecto</h3>
+              <input
+                placeholder="Type here"
+                value={newInfoApps.url}
+                onChange={(e) =>
+                  setNewInfoApps({ ...newInfoApps, url: e.target.value })
+                }
+                type="text"
+                className="input input-bordered w-full  py-2   "
+              />
+            </div>
+
+            <div className="my-4">
+              <h3 className="font-bold mb-1">Url del repositorio de GitHub</h3>
+              <input
+                placeholder="Type here"
+                value={newInfoApps.github}
+                onChange={(e) =>
+                  setNewInfoApps({ ...newInfoApps, github: e.target.value })
+                }
+                type="text"
+                className="input input-bordered w-full py-2"
+              />
+            </div>
+
+            <h3 className="font-bold mt-2 mb-3">Estado</h3>
+            <div className="flex w-fit rounded-full p-1 border border-[#7e7e7e]">
               <p
                 onClick={() => {
                   setNewInfoApps({ ...newInfoApps, state: "COMPLETED" });
                 }}
-                className={
-                  newInfoApps.state == "COMPLETED"
-                    ? " font-bold bg-completed rounded-full p-3 cursor-pointer  "
+                className={`
+                  ${newInfoApps.state == "COMPLETED"
+                    ? "font-bold bg-completed rounded-full p-3 cursor-pointer"
                     : "cursor-pointer p-3"
-                }
+                } text-sm`}
               >
-                Completado
+                Completada
               </p>
               <p
                 onClick={() => {
                   setNewInfoApps({ ...newInfoApps, state: "IN PROGRESS" });
                 }}
-                className={
-                  newInfoApps.state == "IN PROGRESS"
-                    ? "font-bold bg-building ml-2 rounded-full p-3 cursor-pointer "
-                    : "ml-2 cursor-pointer p-3"
-                }
+                className={`
+                  ${newInfoApps.state == "IN PROGRESS"
+                    ? "font-bold bg-building ml-2 rounded-full p-3 cursor-pointer"
+                    : "cursor-pointer p-3 ml-2"
+                } text-sm`}
               >
                 En progreso
               </p>
@@ -100,23 +115,19 @@ export default function ModalApps({
                 onClick={() => {
                   setNewInfoApps({ ...newInfoApps, state: "SOON" });
                 }}
-                className={
-                  newInfoApps.state == "SOON"
+                className={`
+                  ${newInfoApps.state == "SOON"
                     ? "font-bold bg-soon ml-2 rounded-full p-3 cursor-pointer"
-                    : "ml-2 p-1 cursor-pointer p-3"
-                }
+                    : "cursor-pointer p-3 ml-2"
+                } text-sm`}
               >
-                Terminado
+                Próximamente
               </p>
             </div>
-            <div className="flex justify-center  mt-5">
-              <button
-                className="mr-5 xl:px-7 btn btn-outline-primary border-gray-600 bg-transparent text-gray-600"
-              >
-                Cancelar
-              </button>
-              <button
-                className="btn xl:px-9  bg-pink-it text-white"
+
+            <div className="flex place-content-center mt-6 gap-12">
+              <button className="btn normal-case xl:px-12 text-[#7e7e7e] border border-[#7e7e7e] bg-white">Cancelar</button>
+              <button className="btn normal-case xl:px-12 text-white bg-pink-it"
                 onClick={() =>
                   putApiApps(newInfoApps, acces_token, dispatch, appsInfo.id)
                 }
diff --git a/src/components/faqs/FAQsComponent.tsx b/src/components/faqs/FAQsComponent.tsx
index 993fb27..8f3f9ba 100644
--- a/src/components/faqs/FAQsComponent.tsx
+++ b/src/components/faqs/FAQsComponent.tsx
@@ -118,7 +118,7 @@ const FAQs = () => {
   }
 
   return (
-    <div className="bg-white rounded-md mx-6 px-10">
+    <div className="bg-white rounded-md mx-6 px-10 pb-5">
       <div className="w-full">
         
         { window.location.pathname === '/' &&(
@@ -133,8 +133,7 @@ const FAQs = () => {
         )}
 
         {faqsClone.map((faq:Faq, index:number) => (
-          <div className={`collapse rounded-md ${ 'mb-5'  // Agrega mb-5 si no es el último elemento
-            } shadow-xl`} key={index}>
+          <div className={`collapse rounded-md mb-5 shadow-xl`} key={index}>
 
             <input type="checkbox" className="peer" id={index.toString()}/>
             <div className="collapse-title relative lg:flex rounded-b-md bg-white text-justify text-black text-4 font-poppins font-bold font-poppins peer-checked:bg-[#BA007C] peer-checked:rounded-b-[0px] peer-checked:text-secondary-content">
diff --git a/src/components/faqs/faqsAdminView/FaqsModified.tsx b/src/components/faqs/faqsAdminView/FaqsModified.tsx
index 76c7ec3..0d6f712 100644
--- a/src/components/faqs/faqsAdminView/FaqsModified.tsx
+++ b/src/components/faqs/faqsAdminView/FaqsModified.tsx
@@ -31,8 +31,8 @@ export default function FaqsModified() {
 
   return (
     <>
-      <div className={`collapse collapse-arrow border-2 border-dashed mb-6 ${isOpen ? 'collapse-open' : 'collapse-close'}`}>
-        <input type="checkbox" className={`${isOpen ? 'z-0' : ''}`} onClick={() => setIsOpen(true)} /> 
+      <div className={`collapse collapse-plus border-2 border-dashed mb-6 ${isOpen ? 'collapse-open' : 'collapse-close'}`}>
+        <input type="checkbox" className={`${isOpen ? 'z-0' : ''} hover:cursor-pointer`} onClick={() => setIsOpen(true)} /> 
         <div className={`collapse-title relative text-start font-bold text-[#7e7e7e] ${isOpen ? 'text-white bg-[#BA007C] z-10' : ''}`}>
           {isOpen ? <input type="text" className="z-20 text-black input input-bordered" onChange={(e) => setFaqsContent({ ...faqsContent, title: e.target.value })} value={faqsContent.title}/> : <p className="z-10 lg:text-justify sm:text-center max-w-[75%]">Crear nueva pregunta</p>}
         </div>
diff --git a/src/interfaces/interfaces.tsx b/src/interfaces/interfaces.tsx
index a0c8033..2410b38 100644
--- a/src/interfaces/interfaces.tsx
+++ b/src/interfaces/interfaces.tsx
@@ -20,6 +20,7 @@ export interface AppData {
   url: string;
   state: string;
   id:number;
+  github: string;
 }
 
 export interface faqContent{