Merge pull request 'feature/auth' (#2) from feature/auth into main

Reviewed-on: #2

docker-compose.yml

@@ -3,3 +3,8 @@ services:
     image: toogether/webapp
     ports:
       - "80:3000"
+    build: 
+      context: ./
+      dockerfile: Dockerfile
+    environment:
+      - NEXT_PUBLIC_API_URL=http://api:3000

src/app/components/FetchApi.tsx

@@ -1,16 +1,18 @@
 "use client";
 import { axiosInstance } from "@/app/lib/axios";
-import { useState } from "react";
+import { useRef } from "react";
 
 export const FetchApi = () => {
-	const [date, setDate] = useState<string | null>(null);
+	const listRef = useRef<HTMLUListElement>(null);
 
 	const handleFetch = async () => {
 		const response = await axiosInstance.get<{
 			message: string;
 		}>("/ping");
 
-		setDate(response.data.message);
+		const li = document.createElement("li");
+		li.textContent = response.data.message;
+		listRef.current?.appendChild(li);
 	};
 
 	return (
@@ -21,11 +23,7 @@ export const FetchApi = () => {
 			>
 				Fetch API
 			</button>
-			{date ? (
+			<ul ref={listRef}></ul>
-				<p>Server time: {date}</p>
-			) : (
-				<p>Click the button to fetch the API</p>
-			)}
 		</div>
 	);
 };

src/app/lib/axios.ts

@@ -2,8 +2,6 @@ import axios from "axios";
 import moment, { Moment } from "moment";
 import { getSession } from "next-auth/react";
 
-moment.locale("fr");
-
 let cachedAccessToken: string | null = null;
 let tokenExpirationAt: Moment | null = null;
 

src/authOptions.ts

@@ -3,8 +3,6 @@ import moment from "moment";
 import { AuthOptions, Session } from "next-auth";
 import { JWT } from "next-auth/jwt";
 
-moment.locale("fr");
-
 export const authOptions: AuthOptions = {
 	providers: [
 		{