- Sign In
+ Sign In2
Enter your email and password to sign in!
diff --git a/src/components/dashboard/DeployList.tsx b/src/components/dashboard/DeployList.tsx
index f238d6a..fbd316d 100644
--- a/src/components/dashboard/DeployList.tsx
+++ b/src/components/dashboard/DeployList.tsx
@@ -1,4 +1,5 @@
import React, { useState, useRef, useEffect } from 'react';
+import { API_BASE_URL } from '../../config/apiConfig';
interface DeployListProps {
setLog: React.Dispatch>;
@@ -48,7 +49,7 @@ const DeployList: React.FC = ({ setLog, token }) => {
setStatus((prev) => ({ ...prev, [project]: 'Migrating...' }));
setLog(''); // Clear the log before starting
try {
- const response = await fetch('https://deploy.projekti.info/api/migrate.php', {
+ const response = await fetch(`${API_BASE_URL}/api/migrate.php`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
@@ -78,7 +79,7 @@ const DeployList: React.FC = ({ setLog, token }) => {
setStatus((prev) => ({ ...prev, [project]: 'Deploying...' }));
setLog(''); // Clear the log before starting
try {
- const response = await fetch('https://deploy.projekti.info/api/deploy.php', {
+ const response = await fetch(`${API_BASE_URL}/api/deploy.php`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
@@ -113,12 +114,13 @@ const DeployList: React.FC = ({ setLog, token }) => {
if (!window.confirm(`Are you sure you want to back up ${type} for ${project}?`)) {
return; // Exit if user cancels
}
+
setDropdownOpen(prev => ({ ...prev, [project]: false }));
setStatus(prev => ({ ...prev, [project]: `Backing up ${type}...` }));
setLog(''); // Clear the log before starting
try {
- const response = await fetch('https://deploy.projekti.info/api/backup.php', {
+ const response = await fetch(`${API_BASE_URL}/api/backup.php`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
index 37613ad..b949cf6 100644
--- a/src/components/header/Header.tsx
+++ b/src/components/header/Header.tsx
@@ -81,12 +81,12 @@ const Header: React.FC = ({ onClick, onToggle }) => {
diff --git a/src/components/header/UserDropdown.tsx b/src/components/header/UserDropdown.tsx
index 63d5eb7..97f3735 100644
--- a/src/components/header/UserDropdown.tsx
+++ b/src/components/header/UserDropdown.tsx
@@ -1,10 +1,11 @@
import { useState } from "react";
import { DropdownItem } from "../ui/dropdown/DropdownItem";
import { Dropdown } from "../ui/dropdown/Dropdown";
-import { Link } from "react-router";
+import { useAuth } from "../../context/AuthContext";
export default function UserDropdown() {
const [isOpen, setIsOpen] = useState(false);
+ const { logout } = useAuth();
function toggleDropdown() {
setIsOpen(!isOpen);
@@ -13,6 +14,12 @@ export default function UserDropdown() {
function closeDropdown() {
setIsOpen(false);
}
+
+ function handleSignOut() {
+ logout();
+ window.location.href = "/"; // Redirect to the login page
+ }
+
return (
);
diff --git a/src/config/apiConfig.ts b/src/config/apiConfig.ts
new file mode 100644
index 0000000..b4d7075
--- /dev/null
+++ b/src/config/apiConfig.ts
@@ -0,0 +1,2 @@
+// Base URL configuration for API endpoints
+export const API_BASE_URL = 'https://deploy.projekti.info';
\ No newline at end of file
diff --git a/src/context/AuthContext.tsx b/src/context/AuthContext.tsx
new file mode 100644
index 0000000..0ec43cd
--- /dev/null
+++ b/src/context/AuthContext.tsx
@@ -0,0 +1,37 @@
+import React, { createContext, useContext, useState, ReactNode } from 'react';
+
+interface AuthContextType {
+ token: string | null;
+ login: (token: string) => void;
+ logout: () => void;
+}
+
+const AuthContext = createContext(undefined);
+
+export const AuthProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
+ const [token, setToken] = useState(localStorage.getItem('token'));
+
+ const login = (newToken: string) => {
+ setToken(newToken);
+ localStorage.setItem('token', newToken);
+ };
+
+ const logout = () => {
+ setToken(null);
+ localStorage.removeItem('token');
+ };
+
+ return (
+
+ {children}
+
+ );
+};
+
+export const useAuth = (): AuthContextType => {
+ const context = useContext(AuthContext);
+ if (!context) {
+ throw new Error('useAuth must be used within an AuthProvider');
+ }
+ return context;
+};
\ No newline at end of file
diff --git a/src/layout/AppHeader.tsx b/src/layout/AppHeader.tsx
index c2d8b50..0d3d019 100644
--- a/src/layout/AppHeader.tsx
+++ b/src/layout/AppHeader.tsx
@@ -49,32 +49,49 @@ const AppHeader: React.FC = () => {
onClick={handleToggle}
aria-label="Toggle Sidebar"
>
-
+ {isMobileOpen ? (
+
+ ) : (
+
+ )}
+ {/* Cross Icon */}
@@ -84,7 +101,6 @@ const AppHeader: React.FC = () => {
className="flex items-center justify-center w-10 h-10 text-gray-700 rounded-lg z-99999 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800 lg:hidden"
>