Login i logout

imports/ui/App.jsx

@@ -1,18 +1,51 @@
 import React from 'react';
-import { Hello } from './Hello.jsx';
-import { Info } from './Info.jsx';
+import { Meteor } from 'meteor/meteor';
 import { BrowserRouter, Routes, Route, Link } from 'react-router-dom';
+import { Login } from './Login';
+import { useUserId } from 'meteor/react-meteor-accounts';
+
+
+const Loguejat = () => {
+  const userId = useUserId();
+  
+  // const user = await Meteor.userAsync();
+
+  return userId ? <div>
+    <button onClick={() => Meteor.logout()} >Logout</button>
+    <p>- poble (que cada poble només tinga accés a lo del seu poble, la resta de pobles no els han de poder tocar): Alaquàs / Albal / Aldaia / Alfafar / Algemesí / Alginet / Alcàsser / Benetússer / Beniparrell / Carlet / Catarroja / Dosaigües / Godelleta / Guadassuar / Iàtova / L'Alcúdia / Llocnou de la Corona / Massanassa / Paiporta / Parke Alkosa / Picanya / Sedaví / Setaigües / Utiel / València-Castellar Oliveral / València-Forn d'Alcedo / València-La Torre / Xest / Xiva / Llombai / Tremolar </p>
+    <p>- estat: impossible de trobar / disponible / pendent / enviada / ha arribat (que cada poble puga tocar aquestes opcions dels subministres per al seu poble)</p>
+    <p>- tipus de subministre: maquinària / menjar i beguda / productes infantils / higiene i neteja / sanitari / roba i calçat / ferramentes / necessitats especials / EPIs / electrònica / per a animals / roba de llit, mantes, cortines i mantells / vaixella i utensilis de cuina / papereria i material escolar / mobiliari i electrodomèstics /altres</p>
+    <p>- necessitat (que la plataforma et dóne un desplegable amb totes les necessitats que s'han demanat fins ara en eixa categoria i pugues buscar, però també afegir-ne coses noves) - que la plataforma demane en aquest punt que siguen tant específiques com puguen (que no em fiquen com a necessitat "mobles" sinó per exemple "rentadora")</p>
+
+    <p>- NOMÉS EN CAS DE MOBILIARI I ELECTRODOMÈSTICS: 
+      ---- adreça de la casa o lloc on s'ha de dur (tenda, casa, baix...)
+      ---- que afegisquen dies i horaris en què estaran a eixa adreça
+      ---- especificar que el contacte que afegisquen ha de ser necessàriament de la persona que ho va a rebre en la casa o espai
+    </p>
+
+    - que la plataforma recullga la data en la que es fa una petició de subministres 
+
+    - que la plataforma recullga la data en la que el subministre es canvia a l'estat "ha arribat)
+
+    - Nom del contacte
+
+    - Telèfon de contacte
+
+    - Punt de descàrrega
+
+    I després amb opció de visualitzar totes les necessitats que s'han incorporat prèviament al teu poble i assenyalar "ha arribat" en les que ja no necessites
+
+    Nosaltres hauríem de tindre opció de filtrar les necessitats per pobles i condicions (per poder vore, per exemple, totes les necessitats pendents de tots els pobles, o només les necessitats pendents d'Alaquàs)
+  </div>
+  : <Link to="/login">Login</Link>
+  ;
+};
 
 export const App = () => (
   <BrowserRouter>
     <Routes>
-      <Route path="/" element={ <>
-        <div>
-          <h1>Welcome to Meteor!</h1>
-          <Hello/>
-          <Info/>
-        </div>
-      </>} />
+      <Route path="/" element={ <Loguejat /> } />
+      <Route path="/login" element={ <Login /> } />
     </Routes>
   </BrowserRouter>
 );

imports/ui/Logout.tsx

@@ -1,8 +1,8 @@
-import React, { type FC } from 'react';
+import React from 'react';
 import { Meteor } from 'meteor/meteor';
 import { useUserId } from 'meteor/react-meteor-accounts';
 
-export const Logout: FC = () => {
+export const Logout = () => {
   const userId = useUserId();
  
   if (!userId) {