axios

src/config/axios.js

@@ -0,0 +1,18 @@
+import axios from 'axios';
+
+const instance = axios.create({
+    baseURL: 'https://api.telkomcel.tl/stag-tpay-dash-api/',
+    headers: {
+        "Access-Control-Allow-Origin": "*",
+        "content-type":"application/json",
+    },
+})
+
+export async function fetchApi(path, method, data) {
+    let response = await instance({
+        method: method,
+        url: path,
+        data: data
+    });
+    return response
+}

src/pages/Login.js

@@ -1,23 +1,34 @@
 import React, { useState } from "react";
 import { TextField, Button, Box, Typography, Grid, Paper } from "@mui/material";
 import {Link, useNavigate } from 'react-router-dom';
+// import { fetchApi } from '../config/axios';
 
 const LoginPage = () => {
   // State for email and password
-  const [email, setEmail] = useState("");
+  const [username, setUsername] = useState("");
   const [password, setPassword] = useState("");
   const navigate = useNavigate();
 
   // Handle form submission
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    if (email && password) {
-      // Handle login logic here, for example, API call
-      console.log("Logged in with:", { email, password });
-      localStorage.setItem('authToken', email)
-      navigate('/');
-    } else {
-      alert("Please fill in both fields.");
+  const handleSubmit = async (e) => {
+    try {
+      e.preventDefault();
+      if (username && password) {
+        // GET CREDIENTIAL
+        // let user = await fetchApi('/api/login', 'POST', { username, password });
+        // console.log(user);
+        // if (user.data && user.data.data) {
+        //   let userLogin = user.data.data;
+
+        // }
+        // document.cookie = `role=${role}`
+        // localStorage.setItem('authToken', username)
+        navigate('/');
+      } else {
+        alert("Please fill in both fields.");
+      }
+    } catch (error) {
+      console.log(error);
     }
   };
 
@@ -39,9 +50,9 @@ const LoginPage = () => {
                 label="Email"
                 variant="outlined"
                 fullWidth
-                value={email}
-                onChange={(e) => setEmail(e.target.value)}
-                type="email"
+                value={username}
+                onChange={(e) => setUsername(e.target.value)}
+                type="text"
                 required
               />
             </Box>