Confirmation pages

src/App.js

@@ -28,6 +28,7 @@ import EventsLanding from "./pages/Landing/EventsLanding";
 import LegalInfoLanding from "./pages/Landing/LegalInfoLanding";
 import Error404Landing from "./pages/Landing/Error404Landing";
 import "src/styles/styles.css";
+import ConfirmAssistancePage from "./pages/hackeps/Confirm";
 
 export default function App() {
   useEffect(() => {
@@ -94,6 +95,7 @@ export default function App() {
           />
           <Route path="/forgot-password" element={<PasswordForget />} />
           <Route path="/user-verification" element={<LoginVerify />} />
+          <Route path="/assistance" element={<ConfirmAssistancePage />} />
           <Route path="*" element={<Error404 />} />
         </Routes>
       </Router>

src/components/hackeps/ConfirmAssistance/ConfirmAssistance.js

@@ -0,0 +1,50 @@
+import React, { useEffect, useState } from "react";
+import { confirmAssistance } from "src/services/EventService";
+import SuccessFeedback from "../Feedbacks/SuccesFeedback";
+import TitleGeneralized from "../TitleGeneralized/TitleGeneralized";
+import FailFeedback from "../Feedbacks/FailFeedback";
+
+const ConfirmAssistance = ({ confirm, token }) => {
+  const [sending, setSending] = useState(true);
+  const [result, setResult] = useState(null);
+  useEffect(async () => {
+    if (confirm) {
+      setResult(await confirmAssistance(token));
+      setSending(false);
+    }
+  }, []);
+  return (
+    <div>
+      {confirm == "false" ? (
+        <TitleGeneralized>{"Pos ok:("}</TitleGeneralized>
+      ) : (
+        <>
+          {!sending ? (
+            result && result.success ? (
+              <SuccessFeedback
+                title="Assistencia confirmada"
+                text="Ha confirmat la seva assistencia a la HackEps."
+                hasButton={true}
+                buttonText="Torna a l'inici"
+                buttonLink="/"
+              />
+            ) : (
+              <FailFeedback
+                title="Ha hagut un error"
+                text="El error és amb el missatge:"
+                italic={result.errMssg || "No hi ha hagut codi, contactans!"}
+                hasButton={true}
+                buttonText="Torna a l'inici"
+                buttonLink="/"
+              />
+            )
+          ) : (
+            <></>
+          )}
+        </>
+      )}
+    </div>
+  );
+};
+
+export default ConfirmAssistance;

src/modules/fetchModule.js

@@ -19,15 +19,19 @@ export async function fetchPlus({
   refresh_token = false,
   loginAuth,
   apiVersion = 1,
+  token,
   forceDebug = false,
 }) {
   const headers = { "Content-Type": "application/json" };
-  if (hasUserauth || refresh_token || loginAuth)
+  if (hasUserauth || refresh_token || loginAuth || token)
     headers.Authorization = loginAuth
       ? "Basic " + b64EncodeUnicode(`${loginAuth.email}:${loginAuth.password}`)
-      : hasUserauth
-        ? "Bearer " + localStorage.getItem("userToken")
-        : "Bearer " + localStorage.getItem("refreshToken");
+      : "Bearer " +
+        (hasUserauth
+          ? localStorage.getItem("userToken")
+          : refresh_token
+            ? localStorage.getItem("refreshToken")
+            : token);
   const args = {
     method: Method,
     headers: headers,

src/pages/hackeps/Confirm.js

@@ -0,0 +1,35 @@
+import React, { useEffect } from "react";
+import Header from "src/components/hackeps/Header/Header.js";
+import ConfirmAssistance from "src/components/hackeps/ConfirmAssistance/ConfirmAssistance";
+import Footer from "src/components/hackeps/Footer/Footer.js";
+import { useLocation, useNavigate } from "react-router-dom";
+
+const ConfirmAssistancePage = (props) => {
+  const { state } = useLocation();
+  const navigate = useNavigate();
+  const params = new URLSearchParams(window.location.search);
+  const confirm = state?.confirm || params.get("confirm");
+  const token = state?.token || params.get("token");
+
+  useEffect(() => {
+    if (!confirm || !token) {
+      navigate("/");
+    }
+  }, [confirm, token, navigate]);
+
+  return (
+    <div>
+      {confirm && token ? (
+        <>
+          <Header />
+          <ConfirmAssistance confirm={confirm} token={token} />
+          <Footer />
+        </>
+      ) : (
+        <></>
+      )}
+    </div>
+  );
+};
+
+export default ConfirmAssistancePage;

src/services/EventService.js

@@ -191,10 +191,10 @@ export async function getUnregisteredHackersCount(event_id) {
   });
 }
 
-export async function confirmAssistance() {
+export async function confirmAssistance(confirm_token) {
   return fetchPlus({
     Url: `/event/confirm-assistance`,
-    hasUserauth: true,
+    token: confirm_token,
   });
 }