feat: Add NewProjectEvent component to HojaBody

Author: guillecro

src/components/pacto/body/hoja.jsx

@@ -1,20 +1,23 @@
 import { formatDate } from "@/utils/format"
 import { fetchEventsProjectId } from "@/utils/get-data"
 import DeleteEventButton from "@/components/pacto/body/deleteEvent"
+import NewProjectEvent from "@/components/pacto/body/newEvent"
 
 export default async function HojaBody({ project }) {
     const events = await fetchEventsProjectId(project._id)
     return <>
         <div className="hoja-de-ruta-wrapper">
             <div className="my-4">
-
                 <h1 className=" is-size-3 has-text-primary mb-0">Hoja de Ruta de las asambleas</h1>
                 <span className="has-text-weight-light is-italic is-size-4 has-text-primary"> * Roteiro das Assembleias</span>
             </div>
+            <div className="buttons">
+                <NewProjectEvent project={project} />
+            </div>
             <p className="mb-0 has-text-weight-bold">Ordenado de más reciente a más antiguo</p>
             <span className="has-text-weight-light is-italic is-size-7"> *Ordenado do mais recente ao mais antigo</span>
 
-            <div className="events">
+            <div className="events mt-4">
                 {events.events.map(event => <div key={event._id} className="columns event is-flex">
                     <div className="py-5  column is-flex-grow-0">
                         <div className="date is-flex is-relative is-justify-content-space-between">

src/components/pacto/body/newEvent.jsx

@@ -0,0 +1,13 @@
+'use client'
+import { useAuthContext } from "@/context/auth-context";
+import Link from "next/link";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faPlus } from "@fortawesome/free-solid-svg-icons";
+
+export default function NewProjectEvent({project}) {
+  const { user } = useAuthContext()   
+  if(user && (user.role === 'admin' || project.author._id === user._id)) return ( 
+  <Link href={`/pacto/${project.slug}/hoja-de-ruta/nuevo`} className="button is-rounded is-outlined is-black">
+      <FontAwesomeIcon icon={faPlus} />&nbsp;Nuevo evento</Link>)
+}
+