+
+
+
- )
-}
diff --git a/src/components/atoms/DropDownShare.tsx b/src/components/atoms/DropDownShare.tsx
deleted file mode 100644
index 854419c..0000000
--- a/src/components/atoms/DropDownShare.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-import { Menu, Transition } from '@headlessui/react'
-import Image from 'next/image'
-import { Fragment, useEffect, useState } from 'react'
-import ShareWhatsapp from '../../../public/images/IconWhatsapp.svg'
-import Share from '../../../public/images/shared1.svg'
-import ShareTwitter from '../../../public/images/xSocial.svg'
-
-export const DropDownShare = ({
- slug,
- id,
- counTwitter,
- countWhatsapp
-}: {
- slug?: string
- id: string
- counTwitter?: number
- countWhatsapp?: number
-}) => {
- const [textShare, setTextShare] = useState('')
- useEffect(() => {
- if (slug) {
- setTextShare(
- 'Tienes que ver este recurso, ' +
- location.href +
- 'post/' +
- slug +
- ' lo he encontrado aquí, pásate hay más ' +
- location.origin
- )
- } else {
- setTextShare(
- 'Tienes que ver este recurso, ' + location.href + ' lo he encontrado aquí, pásate hay más ' + location.origin
- )
- }
- }, [])
-
- {
- /*
-
-
*/
- }
- const sharePost = async (postId, platform) => {
- try {
- const response = await fetch('/api/share', {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({ postId, platform })
- })
-
- if (response.ok) {
- const data = await response.json()
- // Actualiza la interfaz de usuario según sea necesario
- } else {
- console.error('Error sharing post:', response.statusText)
- }
- } catch (error) {
- console.error('Error sharing post:', error.message)
- }
- }
-
- return (
-
- )
-}
diff --git a/src/components/atoms/ErrorSpan.tsx b/src/components/atoms/ErrorSpan.tsx
new file mode 100644
index 0000000..924d64a
--- /dev/null
+++ b/src/components/atoms/ErrorSpan.tsx
@@ -0,0 +1,8 @@
+type SpanProps = {
+ children: React.ReactNode
+ className?: string
+}
+
+export const ErrorSpan = ({ children, className }: SpanProps) => {
+ return
{children}
+}
diff --git a/src/components/atoms/Input.tsx b/src/components/atoms/Input.tsx
new file mode 100644
index 0000000..0f64db9
--- /dev/null
+++ b/src/components/atoms/Input.tsx
@@ -0,0 +1,49 @@
+import { useController, useFormContext } from 'react-hook-form'
+import { ErrorSpan } from './ErrorSpan'
+
+const Input = ({
+ name,
+ label,
+ type,
+ placeholder,
+ className,
+ classNameContent,
+ ...others
+}: {
+ name: string
+ label?: string
+ type?: string
+ placeholder?: string
+ className?: string
+ classNameContent?: string
+ [others: string]: unknown
+}) => {
+ const {
+ control,
+ formState: { errors }
+ } = useFormContext()
+
+ const { field } = useController({
+ name,
+ control
+ })
+ console.log(field.name)
+
+ return (
+
+
+
+ {errors[name] && {errors[name]?.message?.toString()}}
+
+ )
+}
+
+export default Input
diff --git a/src/components/atoms/Modal.tsx b/src/components/atoms/Modal.tsx
deleted file mode 100644
index f718064..0000000
--- a/src/components/atoms/Modal.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { Dialog } from '@headlessui/react'
-import Image from 'next/image'
-import { useRouter } from 'next/router'
-import AlertIcon from '../../../public/images/alert.svg'
-
-const Modal = ({
- setIsOpen,
- isOpen,
- icon,
- tittle,
- description,
- textTrue,
- textFalse = 'Cancelar',
- functionTrue,
- functionFalse
-}: {
- isOpen: boolean
- setIsOpen: (value: boolean) => void
- icon: boolean
- tittle: string
- description: string
- textTrue: string
- textFalse?: string
- functionTrue: () => void
- functionFalse: () => void
-}) => {
- const router = useRouter()
- return (
-
- )
-}
-
-export default Modal
diff --git a/src/components/atoms/ModalCreateTag.tsx b/src/components/atoms/ModalCreateTag.tsx
deleted file mode 100644
index 3871f14..0000000
--- a/src/components/atoms/ModalCreateTag.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import { Dialog } from '@headlessui/react'
-import { useSession } from 'next-auth/react'
-import Image from 'next/image'
-import { useRouter } from 'next/router'
-import { SubmitHandler, useForm } from 'react-hook-form'
-import AlertIcon from '../../../public/images/alert.svg'
-
-interface FormData {
- name: string
- slug: string
- color: string
-}
-
-const ModalCreateTag = ({
- setIsOpen,
- isOpen,
- icon,
- tittle,
- description,
- textTrue,
- textFalse = 'Cancelar',
- functionTrue,
- functionFalse
-}: {
- isOpen: boolean
- setIsOpen: (value: boolean) => void
- icon?: boolean
- tittle: string
- description?: string
- textTrue: string
- textFalse?: string
- functionTrue: () => void
- functionFalse: () => void
-}) => {
- const router = useRouter()
- const { data: session } = useSession()
-
- const {
- register,
- handleSubmit,
- watch,
- getValues,
- formState: { errors }
- } = useForm
()
-
- const onSubmit: SubmitHandler = async (dataForm) => {
- const { name, slug, color } = dataForm
-
- // try {
- // const response = await fetch('/api/tag', {
- // method: 'POST',
- // headers: {
- // 'Content-Type': 'application/json'
- // },
-
- // body: JSON.stringify({
- // name,
- // slug: slugify(name),
- // color,
- // userEmail: session?.user?.email
- // })
- // })
- // // if (!response.ok) {
- // // throw new Error('You have already used this title')
- // // }
- // if (!response.ok) {
- // const errorData = await response.json()
- // }
- // const data = await response.json()
- // setIsOpen(false)
- // } catch (error) {
- // console.error(error, 'Error fetching data')
- // const errorMessage = (error as { message?: string })?.message || 'Error creating post'
- // }
- }
- return (
-
- )
-}
-
-export default ModalCreateTag
diff --git a/src/components/atoms/StatIndividual.tsx b/src/components/atoms/StatIndividual.tsx
deleted file mode 100644
index b550777..0000000
--- a/src/components/atoms/StatIndividual.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-const StatIndividual = ({ stat, tittle }: { stat: number; tittle: string }) => {
- return (
-
- )
-}
-
-export default StatIndividual
diff --git a/src/components/atoms/Tag.tsx b/src/components/atoms/Tag.tsx
deleted file mode 100644
index 2512abd..0000000
--- a/src/components/atoms/Tag.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-type Tag = {
- color: string
- name: string
- className?: string
- [others: string]: any
-}
-
-const Tag = ({ color, name, className, others }: Tag) => {
- return (
-
- )
-}
-
-export default Tag
diff --git a/src/components/forms/FormLogin.tsx b/src/components/forms/FormLogin.tsx
new file mode 100644
index 0000000..d3b0652
--- /dev/null
+++ b/src/components/forms/FormLogin.tsx
@@ -0,0 +1,117 @@
+import UserStore from '@/store/UserStore'
+import { yupResolver } from '@hookform/resolvers/yup'
+import { useTranslation } from 'next-i18next'
+import Image from 'next/image'
+import { useRouter } from 'next/router'
+import { useForm } from 'react-hook-form'
+import { SubmitHandler } from 'react-hook-form/dist/types'
+import * as yup from 'yup'
+import Logonegro from '../../../public/images/logo_sobre_negro.png'
+import { InputsLogin, User } from '../../../types'
+import { ErrorSpan } from '../atoms/ErrorSpan'
+
+export default function FormLogin() {
+ const { t } = useTranslation()
+ const { setUser } = UserStore()
+ const userSchema = yup.object({
+ username: yup.string().email(t('common:emailNoCorrecto')).required(t('common:userNameMandatory')),
+ password: yup.string().required(t('common:passwordMandatory'))
+ })
+
+ const {
+ register,
+ watch,
+ handleSubmit,
+ formState: { errors }
+ } = useForm({
+ resolver: yupResolver(userSchema)
+ })
+ const router = useRouter()
+
+ const onSubmit: SubmitHandler = async (data) => {
+ console.log(data)
+ const url = `${process.env.BASE_URL}api/login_check`
+ const username = 'developer'
+ const password = 'mambita'
+ // const base64Credentials = btoa(`${username}:${password}`)
+ // const urlWithCredentials = `${url}?username=${username}&password=${password}`
+
+ try {
+ const response = await fetch(url, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ // Authorization: `Basic ${urlWithCredentials}`,
+ // mode: 'cors'
+ // credentials: 'include'
+ },
+ body: JSON.stringify(data)
+ })
+ if (response.ok) {
+ const responseData: User = await response.json()
+ setUser(responseData)
+ router.push('/home')
+ setUser(responseData)
+ console.log(responseData, 'responseData')
+ } else {
+ console.error('Error al realizar la solicitud')
+ }
+ } catch (error) {
+ console.error('Error al realizar la solicitud', error)
+ }
+ }
+ return (
+
+ )
+}
diff --git a/src/components/forms/FormRegister.tsx b/src/components/forms/FormRegister.tsx
new file mode 100644
index 0000000..8e72858
--- /dev/null
+++ b/src/components/forms/FormRegister.tsx
@@ -0,0 +1,110 @@
+import UserStore from '@/store/UserStore'
+import { yupResolver } from '@hookform/resolvers/yup'
+import { useTranslation } from 'next-i18next'
+import Image from 'next/image'
+import { useRouter } from 'next/router'
+import { FormProvider, SubmitHandler, useForm } from 'react-hook-form'
+import * as yup from 'yup'
+import Logonegro from '../../../public/images/logo_sobre_negro.png'
+import { InputRegister } from '../../../types'
+import CheckBox from '../atoms/CheckBox'
+import Input from '../atoms/Input'
+
+export default function FormRegister() {
+ const { t } = useTranslation()
+ const { setUser } = UserStore()
+
+ const Schema = yup.object({
+ firstName: yup.string().required(t('common:userNameMandatory')),
+ lastName: yup.string().required('El apellido es obligatorio'),
+ email: yup.string().email(t('common:emailNoCorrecto')).required(t('common:enterYourEmail')),
+ password: yup.string().min(9, 'a dooonde vas flipado minimo 9').required(t('common:passwordMandatory')),
+ phone: yup.string().required('El telefono es obligatorio'),
+ birthday: yup.string().required('La fecha de cumpleaños es obligatoria'),
+ // profilePicture: yup.string(),
+ privacyPolicy: yup.boolean().oneOf([true], 'Debes aceptar los términos para poder continuar')
+ })
+ const methods = useForm({
+ resolver: yupResolver(Schema),
+ defaultValues: {
+ firstName: '',
+ lastName: '',
+ email: '',
+ birthday: '',
+ password: '',
+ phone: '',
+ privacyPolicy: false
+ }
+ })
+ const {
+ handleSubmit,
+ formState: { errors }
+ } = methods
+ const router = useRouter()
+ const onSubmit: SubmitHandler = async (data) => {
+ console.log(data)
+ const url = `${process.env.BASE_URL}api/register`
+
+ try {
+ const response = await fetch(url, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify(data)
+ })
+ if (response.ok) {
+ const responseData = await response.json()
+ setUser(responseData)
+ router.push('/home')
+ console.log(responseData, 'responseData')
+ } else {
+ console.error('Error al realizar la solicitud')
+ }
+ } catch (error) {
+ console.error('Error al realizar la solicitud', error)
+ }
+ }
+
+ return (
+
+ )
+}
diff --git a/src/components/layouts/AuthLayout.tsx b/src/components/layouts/AuthLayout.tsx
new file mode 100644
index 0000000..8c38f76
--- /dev/null
+++ b/src/components/layouts/AuthLayout.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+import { Footer } from '../organism/Footer'
+
+type AuthLayoutProps = {
+ children: React.ReactNode
+}
+export const AuthLayout = ({ children }: AuthLayoutProps) => {
+ return (
+
+ {/*
*/}
+
{children}
+
+
+
-
{children}
+
{children}
)
diff --git a/src/components/molecules/Card.tsx b/src/components/molecules/Card.tsx
deleted file mode 100644
index 3de641b..0000000
--- a/src/components/molecules/Card.tsx
+++ /dev/null
@@ -1,301 +0,0 @@
-import Image from 'next/image'
-import Link from 'next/link'
-import { FaRegComment } from 'react-icons/fa'
-// import { FaLink } from 'react-icons/fa6'
-// import { MdDelete, MdEdit } from 'react-icons/md'
-import { useSession } from 'next-auth/react'
-import { useRouter } from 'next/router'
-import { useEffect, useState } from 'react'
-import { CgLoadbarSound } from 'react-icons/cg'
-import { FaRegStar, FaStar } from 'react-icons/fa'
-import { FcLike } from 'react-icons/fc'
-import { FiHeart } from 'react-icons/fi'
-import { Post } from '../../../type'
-import { DropDownShare } from '../atoms/DropDownShare'
-import Modal from '../atoms/Modal'
-
-interface CardProps {
- post: Post
-}
-
-export function Card({ post }: CardProps) {
- // const { postData, updatePostData } = usePostContext()
- const {
- description,
- title,
- Category,
- slug,
- url,
- Like,
- id,
- comments,
- views,
- twitterShareCount,
- whatsappShareCount,
- Favorite
- // Tags
- } = post
- const { data: session } = useSession()
- // const likeOfUser = Like?.some((user) => user.userEmail === session?.user?.email)
- const [isLike, setIsLike] = useState
()
- const [isFavorite, setIsFavorite] = useState()
- const [likesCount, setLikesCount] = useState(Like?.length || 0)
- const [favoriteCount, setFavoriteCount] = useState(Favorite?.length || 0)
- let [isOpen, setIsOpen] = useState(false)
- const router = useRouter()
-
- useEffect(() => {
- if (session && Like?.some((like) => like?.userEmail === session?.user?.email)) {
- setIsLike(true)
- } else {
- setIsLike(false)
- }
- }, [Like, session])
-
- useEffect(() => {
- if (session && Favorite?.some((fav) => fav?.userEmail === session?.user?.email)) {
- setIsFavorite(true)
- } else {
- setIsFavorite(false)
- }
- }, [Favorite, session])
-
- const handleAddLike = async () => {
- if (!session) {
- setIsOpen(true)
- return
- }
- const response = await fetch(`/api/like`, {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({
- email: session.user.email,
- postId: id,
- session: session
- })
- })
- const data = await response.json()
- if (response.ok) {
- data && setIsLike(true)
- setLikesCount((prevCount) => prevCount + 1)
- } else {
- console.error('Error al dar like:', data.error)
- }
- }
- const handleDeleteLike = async () => {
- if (!session) {
- setIsOpen(true)
- return
- }
- const response = await fetch('/api/like', {
- method: 'DELETE',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({
- email: session.user.email,
- postId: id,
- session: session
- })
- })
-
- const data = await response.json()
-
- if (response.ok) {
- setIsLike(false)
- setLikesCount((prevCount) => Math.max(0, prevCount - 1))
- } else {
- console.error('Error al quitar like:', data.error)
- }
- }
- const handleAddFavorite = async () => {
- if (!session) {
- setIsOpen(true)
- return
- }
- const response = await fetch(`/api/favorite`, {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({
- email: session.user.email,
- postId: id,
- session: session
- })
- })
- const data = await response.json()
- if (response.ok) {
- data && setIsFavorite(true)
- setFavoriteCount((prevCount) => prevCount + 1)
- } else {
- console.error('Error al dar like:', data.error)
- }
- }
- const handleDeleteFavorite = async () => {
- if (!session) {
- setIsOpen(true)
- return
- }
- const response = await fetch('/api/favorite', {
- method: 'DELETE',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({
- email: session.user.email,
- postId: id,
- session: session
- })
- })
-
- const data = await response.json()
-
- if (response.ok) {
- setIsFavorite(false)
- setFavoriteCount((prevCount) => Math.max(0, prevCount - 1))
- } else {
- console.error('Error al quitar like:', data.error)
- }
- }
-
- return (
-
-
-
-
-
-
-
{title}
-
-
-
-
- {description?.length > 80 ? `${description.substring(0, 80)}...` : description}
-
{' '}
- {description?.length > 80 && (
-
- ver más
-
- )}
-
-
-
- {/*
- {Tags &&
- Tags?.slice(0, 4).map((tag) => (
-
- ))}
-
*/}
-
- {/*
*/}
-
-
{
- isLike ? handleDeleteLike() : handleAddLike()
- }}
- >
- {isLike ? (
-
- ) : (
-
- )}
-
- {/*
*/}
-
-
- {likesCount}
-
-
-
-
{
- isFavorite ? handleDeleteFavorite() : handleAddFavorite()
- }}
- >
- {isFavorite ? (
-
- ) : (
-
- )}
-
- {favoriteCount}
-
-
-
-
-
-
-
-
-
-
- {comments?.length}
- {' '}
-
-
-
-
-
-
- {twitterShareCount + whatsappShareCount}
- {' '}
-
-
-
-
- {views}
- {' '}
-
-
-
-
-
router.push('/login')}
- functionFalse={() => router.back()}
- />
-
- {Array.isArray(postData) && postData?.map((item) => )}
-
-
-
- )
-}
diff --git a/src/components/molecules/CardPerfil.tsx b/src/components/molecules/CardPerfil.tsx
deleted file mode 100644
index 3aae3b7..0000000
--- a/src/components/molecules/CardPerfil.tsx
+++ /dev/null
@@ -1,279 +0,0 @@
-import Link from 'next/link'
-import { FaRegComment } from 'react-icons/fa'
-// import { FaLink } from 'react-icons/fa6'
-// import { MdDelete, MdEdit } from 'react-icons/md'
-import { useSession } from 'next-auth/react'
-import { useRouter } from 'next/router'
-import { useEffect, useState } from 'react'
-import { CgLoadbarSound } from 'react-icons/cg'
-import { FaRegStar, FaStar } from 'react-icons/fa'
-import { FcLike } from 'react-icons/fc'
-import { FiHeart } from 'react-icons/fi'
-import { Post } from '../../../type'
-import { DropDownShare } from '../atoms/DropDownShare'
-import Modal from '../atoms/Modal'
-
-interface CardPerfilProps {
- post: Post
-}
-
-export function CardPerfil({ post }: CardPerfilProps) {
- // const { postData, updatePostData } = usePostContext()
- const {
- description,
- title,
- Category,
- slug,
- url,
- Like,
- id,
- comments,
- views,
- twitterShareCount,
- whatsappShareCount,
- Favorite
- } = post
- const { data: session } = useSession()
- // const likeOfUser = Like?.some((user) => user.userEmail === session?.user?.email)
- const [isLike, setIsLike] = useState()
- const [isFavorite, setIsFavorite] = useState()
- const [likesCount, setLikesCount] = useState(Like?.length || 0)
- const [favoriteCount, setFavoriteCount] = useState(Favorite?.length || 0)
- let [isOpen, setIsOpen] = useState(false)
- const router = useRouter()
-
- useEffect(() => {
- if (session && Like?.some((like) => like?.userEmail === session?.user?.email)) {
- setIsLike(true)
- } else {
- setIsLike(false)
- }
- }, [Like, session])
-
- useEffect(() => {
- if (session && Favorite?.some((fav) => fav?.userEmail === session?.user?.email)) {
- setIsFavorite(true)
- } else {
- setIsFavorite(false)
- }
- }, [Favorite, session])
-
- const handleAddLike = async () => {
- if (!session) {
- setIsOpen(true)
- return
- }
- const response = await fetch(`/api/like`, {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({
- email: session.user.email,
- postId: id,
- session: session
- })
- })
- const data = await response.json()
- if (response.ok) {
- data && setIsLike(true)
- setLikesCount((prevCount) => prevCount + 1)
- } else {
- console.error('Error al dar like:', data.error)
- }
- }
- const handleDeleteLike = async () => {
- if (!session) {
- setIsOpen(true)
- return
- }
- const response = await fetch('/api/like', {
- method: 'DELETE',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({
- email: session.user.email,
- postId: id,
- session: session
- })
- })
-
- const data = await response.json()
-
- if (response.ok) {
- setIsLike(false)
- setLikesCount((prevCount) => Math.max(0, prevCount - 1))
- } else {
- console.error('Error al quitar like:', data.error)
- }
- }
- const handleAddFavorite = async () => {
- if (!session) {
- setIsOpen(true)
- return
- }
- const response = await fetch(`/api/favorite`, {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({
- email: session.user.email,
- postId: id,
- session: session
- })
- })
- const data = await response.json()
- if (response.ok) {
- data && setIsFavorite(true)
- setFavoriteCount((prevCount) => prevCount + 1)
- } else {
- console.error('Error al dar like:', data.error)
- }
- }
- const handleDeleteFavorite = async () => {
- if (!session) {
- setIsOpen(true)
- return
- }
- const response = await fetch('/api/favorite', {
- method: 'DELETE',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({
- email: session.user.email,
- postId: id,
- session: session
- })
- })
-
- const data = await response.json()
-
- if (response.ok) {
- setIsFavorite(false)
- setFavoriteCount((prevCount) => Math.max(0, prevCount - 1))
- } else {
- console.error('Error al quitar like:', data.error)
- }
- }
- return (
-
- {/*
*/}
-
-
-
-
-
- {/*
*/}
-
-
{
- isLike ? handleDeleteLike() : handleAddLike()
- }}
- >
- {isLike ? (
-
- ) : (
-
- )}
-
- {/*
*/}
-
-
- {likesCount}
-
-
-
-
{
- isFavorite ? handleDeleteFavorite() : handleAddFavorite()
- }}
- >
- {isFavorite ? (
-
- ) : (
-
- )}
-
- {favoriteCount}
-
-
-
-
-
-
-
-
-
-
- {comments?.length}
- {' '}
-
-
-
-
-
-
- {twitterShareCount + whatsappShareCount}
- {' '}
-
-
-
-
- {views}
- {' '}
-
-
-
-
-
router.push('/login')}
- functionFalse={() => router.back()}
- />
-
-
- {isLoading
- ? '...loading'
- : data?.map((comment: Comment) => (
-
-
-
-
- {comment?.user?.image && (
-
-
-
- )}
-
-
{comment?.user?.name}
-
{formatDate(comment?.createdAt)}
-
-
- {comment?.user?.email === session.data?.user?.email && (
-
setShowModalComment(true)}>
-
-
- )}
-
-
{comment.description}
-
- {/* MODAL PARA ELIMINAR COMENTARIO */}
-
deleteComment(comment?.id)}
- functionFalse={() => setShowModalComment(false)}
- />
-
- ))}
-
-
-
Comments
-
-
-
-
-
-