diff --git a/app/icons/CheckIcon.tsx b/app/icons/CheckIcon.tsx
new file mode 100644
index 0000000..747768c
--- /dev/null
+++ b/app/icons/CheckIcon.tsx
@@ -0,0 +1,6 @@
+export const CheckIcon = () => (
+
+)
\ No newline at end of file
diff --git a/app/icons/DocumentIcon.tsx b/app/icons/DocumentIcon.tsx
new file mode 100644
index 0000000..5fca922
--- /dev/null
+++ b/app/icons/DocumentIcon.tsx
@@ -0,0 +1,5 @@
+export const DocumentIcon = () => (
+
+)
\ No newline at end of file
diff --git a/app/icons/DownloadIcon.tsx b/app/icons/DownloadIcon.tsx
new file mode 100644
index 0000000..17f132c
--- /dev/null
+++ b/app/icons/DownloadIcon.tsx
@@ -0,0 +1,6 @@
+export const DownloadIcon = () => (
+
+)
\ No newline at end of file
diff --git a/app/icons/EmailIcon.tsx b/app/icons/EmailIcon.tsx
new file mode 100644
index 0000000..a3c2e58
--- /dev/null
+++ b/app/icons/EmailIcon.tsx
@@ -0,0 +1,6 @@
+export const EmailIcon = () => (
+
+)
\ No newline at end of file
diff --git a/app/icons/GitHubIcon.tsx b/app/icons/GitHubIcon.tsx
new file mode 100644
index 0000000..747d426
--- /dev/null
+++ b/app/icons/GitHubIcon.tsx
@@ -0,0 +1,6 @@
+export const GitHubIcon = () => (
+
+)
\ No newline at end of file
diff --git a/app/icons/index.ts b/app/icons/index.ts
new file mode 100644
index 0000000..7c771e4
--- /dev/null
+++ b/app/icons/index.ts
@@ -0,0 +1,5 @@
+export * from './CheckIcon'
+export * from './DocumentIcon'
+export * from './DownloadIcon'
+export * from './EmailIcon'
+export * from './GitHubIcon'
\ No newline at end of file
diff --git a/app/ui/Navigation.tsx b/app/ui/Navigation.tsx
index e6f71bd..160cb01 100644
--- a/app/ui/Navigation.tsx
+++ b/app/ui/Navigation.tsx
@@ -7,6 +7,8 @@ import Image from "next/image"
import Link from "next/link"
import { usePathname } from "next/navigation"
import { useEffect } from "react"
+import { GitHubIcon, EmailIcon } from "@/app/icons"
+
const routerTitles: { [key: string]: string } = {
'/internship': 'Prácticas Profesionales',
@@ -39,19 +41,15 @@ export const Navigation = () => {
-
- Contacto
+
+ Contacto
-
- Contribuir
+
+ Contribuir
diff --git a/app/ui/internship/Documents.tsx b/app/ui/internship/Documents.tsx
index ab852bd..b9f3940 100644
--- a/app/ui/internship/Documents.tsx
+++ b/app/ui/internship/Documents.tsx
@@ -16,6 +16,7 @@ import { formatedDate } from "@/app/utils/format"
import { useForm } from "react-hook-form"
import { FinalReport } from "@/app/printingFormats/internship/FinalReport"
import { addDays, differenceInCalendarWeeks, eachWeekOfInterval } from "date-fns"
+import { DownloadIcon, DocumentIcon } from "@/app/icons"
export const Documents = () => {
@@ -112,11 +113,11 @@ export const Documents = () => {
className="w-32 h-36"
>
-
+
{doc.stateKey !== 'none' && documentsDownloaded[doc.stateKey] && (
- ✓
+
+
+
)}
@@ -177,7 +178,9 @@ export const Documents = () => {
value={i + 1}
endContent={
documentsDownloaded[`weekly-report-${i + 1}`] ?
- ✓
+
+
+
: <>
}
>
diff --git a/app/ui/internship/Form.tsx b/app/ui/internship/Form.tsx
index ebf78f5..5eb0cf3 100644
--- a/app/ui/internship/Form.tsx
+++ b/app/ui/internship/Form.tsx
@@ -8,6 +8,7 @@ import { CompanyForm } from "./CompanyForm"
import { useEffect, useState } from "react"
import { Key } from "@react-types/shared"
import { useInternshipStore } from "@/app/store/internship"
+import { CheckIcon } from "@/app/icons"
export const Form = () => {
@@ -37,7 +38,7 @@ export const Form = () => {
title={
Información Personal
- {completed.personaData && ✓}
+ {completed.personaData && }
}
>
@@ -49,7 +50,7 @@ export const Form = () => {
title={
Información Escolar
- {completed.studentData && ✓}
+ {completed.studentData && }
}
>
@@ -61,7 +62,7 @@ export const Form = () => {
title={
Información de la Empresa
- {completed.companyData && ✓}
+ {completed.companyData && }
}
>
@@ -73,7 +74,7 @@ export const Form = () => {
title={
Periodo y Prácticas
- {completed.periodData && ✓}
+ {completed.periodData && }
}
>
diff --git a/app/ui/social_service/Documents.tsx b/app/ui/social_service/Documents.tsx
index 18d89cc..f70c9cf 100644
--- a/app/ui/social_service/Documents.tsx
+++ b/app/ui/social_service/Documents.tsx
@@ -14,6 +14,7 @@ import { FinalEvaluation } from "@/app/printingFormats/social_service/FinalEvalu
import { DocumentReception } from "@/app/printingFormats/social_service/DocumentReception"
import { Registration } from "@/app/printingFormats/social_service/Registration"
import { useSocialServiceStore } from "@/app/store/socialService"
+import { DownloadIcon, DocumentIcon } from "@/app/icons"
export const Documents = () => {
@@ -101,11 +102,11 @@ export const Documents = () => {
className="w-32 h-36"
>
-
+
{doc.stateKey !== 'none' && documentsDownloaded[doc.stateKey] && (
- ✓
+
+
+
)}
@@ -144,7 +145,9 @@ export const Documents = () => {
value={i + 1}
endContent={
documentsDownloaded[`partial-report-${i + 1}`] ?
- ✓
+
+
+
: <>
}
>
diff --git a/app/ui/social_service/Form.tsx b/app/ui/social_service/Form.tsx
index afca63d..dac9ee0 100644
--- a/app/ui/social_service/Form.tsx
+++ b/app/ui/social_service/Form.tsx
@@ -9,6 +9,7 @@ import { useEffect, useState } from "react"
import { Key } from "@react-types/shared"
import { ActivitiesForm } from "./ActivitiesForm"
import { useSocialServiceStore } from "@/app/store/socialService"
+import { CheckIcon } from "@/app/icons"
export const Form = () => {
@@ -39,7 +40,7 @@ export const Form = () => {
title={
Información Personal
- {completed.personaData && ✓}
+ {completed.personaData && }
}
>
@@ -51,7 +52,7 @@ export const Form = () => {
title={
Información Escolar
- {completed.studentData && ✓}
+ {completed.studentData && }
}
>
@@ -63,7 +64,7 @@ export const Form = () => {
title={
Institución o Dependencia
- {completed.governmentAgencyData && ✓}
+ {completed.governmentAgencyData && }
}
>
@@ -75,7 +76,7 @@ export const Form = () => {
title={
Periodo y Proyecto
- {completed.periodData && ✓}
+ {completed.periodData && }
}
>
@@ -87,7 +88,7 @@ export const Form = () => {
title={
Actividades
- {completed.activitiesData && ✓}
+ {completed.activitiesData && }
}
>