Clear all
diff --git a/src/pages/pegase/studies/ProjectInput.tsx b/src/pages/pegase/studies/ProjectInput.tsx
index e7daa89..5965980 100644
--- a/src/pages/pegase/studies/ProjectInput.tsx
+++ b/src/pages/pegase/studies/ProjectInput.tsx
@@ -22,7 +22,7 @@ const ProjectInput: React.FC
= ({ value, onChange }) => {
useEffect(() => {
const loadProjects = async () => {
try {
- const projectList = await fetchProjectsFromPartialName(value);
+ const projectList = (await fetchProjectsFromPartialName(value)) as string[];
setProjects(projectList);
} catch (error) {
setErrorMessage('Failed to fetch projects');
@@ -30,7 +30,7 @@ const ProjectInput: React.FC = ({ value, onChange }) => {
};
if (value) {
- loadProjects();
+ void loadProjects();
} else {
setProjects([]);
}
diff --git a/src/shared/const/authConfig.ts b/src/shared/const/authConfig.ts
new file mode 100644
index 0000000..3bff489
--- /dev/null
+++ b/src/shared/const/authConfig.ts
@@ -0,0 +1,23 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import { getEnvVariables } from '@/envVariables.ts';
+
+interface AuthConfig {
+ authority: string;
+ client_id: string;
+ redirect_uri: string;
+ scope: string;
+ maxExpiresIn: number;
+}
+
+export const config: AuthConfig = {
+ client_id: getEnvVariables('VITE_OAUTH2_CLIENT_ID'),
+ redirect_uri: getEnvVariables('VITE_OAUTH2_REDIRECT_URL'),
+ authority: getEnvVariables('VITE_OAUTH2_AUTHORITY'),
+ scope: 'openid email profile',
+ maxExpiresIn: 600,
+};
diff --git a/src/shared/services/authService.ts b/src/shared/services/authService.ts
new file mode 100644
index 0000000..24f9cce
--- /dev/null
+++ b/src/shared/services/authService.ts
@@ -0,0 +1,40 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import { User, UserManager } from 'oidc-client-ts';
+import { config } from '@/shared/const/authConfig';
+
+const userManager = new UserManager(config);
+
+export const AuthService = {
+ login: async () => await userManager.signinRedirect(),
+ refresh: () => userManager.signinSilent(),
+ logout: () => userManager.signoutRedirect(),
+ getUser: async (): Promise => await userManager.getUser(),
+ handleCallback: () => userManager.signinRedirectCallback(),
+
+ getAccessToken: async (): Promise => {
+ const user = await userManager.getUser();
+ return user?.access_token || null;
+ },
+
+ authFetch: async (url: string, options: RequestInit = {}): Promise => {
+ const token = await AuthService.getAccessToken();
+ if (token) {
+ if (options.headers instanceof Headers) {
+ options.headers.append('Authorization', `Bearer ${token}`);
+ } else if (Array.isArray(options.headers)) {
+ options.headers.push(['Authorization', `Bearer ${token}`]);
+ } else {
+ options.headers = {
+ ...options.headers,
+ Authorization: `Bearer ${token}`,
+ };
+ }
+ }
+ return await fetch(url, options);
+ },
+};
diff --git a/src/shared/services/pinnedProjectService.ts b/src/shared/services/pinnedProjectService.ts
index 3355b55..ca09bac 100644
--- a/src/shared/services/pinnedProjectService.ts
+++ b/src/shared/services/pinnedProjectService.ts
@@ -6,6 +6,7 @@
import { PROJECT_PIN_ENDPOINT, PROJECT_PINNED_ENDPOINT, PROJECT_UNPIN_ENDPOINT } from '@/shared/const/apiEndPoint';
import { ProjectInfo } from '@/shared/types/pegase/Project.type';
+import { AuthService } from '@/shared/services/authService.ts';
/**
* Retrieve pinned projects list by user id
@@ -13,21 +14,21 @@ import { ProjectInfo } from '@/shared/types/pegase/Project.type';
* @param {string} userId - User id
* @returns {Promise} - Promise object that represents a list of projects
*/
-export const fetchPinnedProjects = async (userId: string) => {
+export const fetchPinnedProjects = async (userId: string): Promise => {
const apiUrl = `${PROJECT_PINNED_ENDPOINT}?userId=${userId}`;
- const response = await fetch(apiUrl);
+ const response = await AuthService.authFetch(apiUrl);
if (!response?.ok) {
throw new Error('Failed to fetch project details');
}
- const json = await response.json();
+ const json = (await response.json()) as Partial[];
return json.map((project: Partial) => ({
...project,
projectId: project.id?.toString(),
pinned: project.pinned ?? true,
- }));
+ })) as ProjectInfo[];
};
/**
@@ -39,11 +40,11 @@ export const fetchPinnedProjects = async (userId: string) => {
* @return {Promise} - Object that describes a project
*/
-export const pinProject = async (projectId: string) => {
+export const pinProject = async (projectId: string): Promise => {
const userId = 'me00247';
const apiUrl = `${PROJECT_PIN_ENDPOINT}?userId=${userId}&projectId=${projectId}`;
- const response = await fetch(apiUrl, {
+ const response = await AuthService.authFetch(apiUrl, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
@@ -55,7 +56,7 @@ export const pinProject = async (projectId: string) => {
throw new Error(`${errorText}`);
}
- return await response.json();
+ return (await response.json()) as ProjectInfo;
};
/**
@@ -67,7 +68,7 @@ export const pinProject = async (projectId: string) => {
export const unpinProject = async (userId: string, projectId: string) => {
const apiUrl = `${PROJECT_UNPIN_ENDPOINT}?userId=${userId}&projectId=${projectId}`;
- const response = await fetch(apiUrl, {
+ const response = await AuthService.authFetch(apiUrl, {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
diff --git a/src/shared/services/projectService.ts b/src/shared/services/projectService.ts
index 10c4b79..2433782 100644
--- a/src/shared/services/projectService.ts
+++ b/src/shared/services/projectService.ts
@@ -6,9 +6,17 @@
import { PROJECT_AUTOCOMPLETE_ENDPOINT, PROJECT_ENDPOINT, PROJECT_SEARCH_ENDPOINT } from '@/shared/const/apiEndPoint';
import { ProjectInfo, ProjectResponse } from '@/shared/types/pegase/Project.type';
+import { AuthService } from '@/shared/services/authService.ts';
+import { PaginatedResponse } from '@/shared/types';
-export const deleteProjectById = async (projectId: string) => {
- const response = await fetch(`${PROJECT_ENDPOINT}/${projectId}`, {
+/**
+ * Delete project
+ *
+ * @param {string} projectId
+ * @return {Promise}
+ */
+export const deleteProjectById = async (projectId: string): Promise => {
+ const response = await AuthService.authFetch(`${PROJECT_ENDPOINT}/${projectId}`, {
method: 'DELETE',
headers: {
'Content-Type': 'application/json',
@@ -17,7 +25,7 @@ export const deleteProjectById = async (projectId: string) => {
if (!response.ok) {
const errorText = await response.text();
- const errorData = JSON.parse(errorText);
+ const errorData = JSON.parse(errorText) as Error;
throw new Error(`${errorData.message || errorText}`);
}
};
@@ -26,30 +34,30 @@ export const deleteProjectById = async (projectId: string) => {
* Retrieve details of a project
*
* @param {string} projectId - Project id
- * @return {Promise} - Project details
+ * @return {Promise} - Project details
*/
-export const fetchProjectDetails = async (projectId: string) => {
- const response = await fetch(`${PROJECT_ENDPOINT}/${projectId}`);
+export const fetchProjectDetails = async (projectId: string): Promise => {
+ const response = await AuthService.authFetch(`${PROJECT_ENDPOINT}/${projectId}`);
if (!response?.ok) {
throw new Error('Failed to fetch project details');
}
- return await response.json();
+ return (await response.json()) as ProjectInfo;
};
/**
* Retrieve a project from a partial name of project
*
* @param {string} query - Partial name of a project
- * @return {Promise} - List of project name
+ * @return {Promise} - List of project name
*/
-export const fetchProjectsFromPartialName = async (query: string): Promise => {
- const response = await fetch(`${PROJECT_AUTOCOMPLETE_ENDPOINT}?partialName=${query}`);
+export const fetchProjectsFromPartialName = async (query: string): Promise => {
+ const response = await AuthService.authFetch(`${PROJECT_AUTOCOMPLETE_ENDPOINT}?partialName=${query}`);
if (!response.ok) {
throw new Error('Failed to fetch projects');
}
- const data = await response.json();
+ const data = (await response.json()) as ProjectInfo[];
return data.map((project: { name: string }) => project.name);
};
@@ -59,13 +67,24 @@ export const fetchProjectsFromPartialName = async (query: string): Promise | Error>}
*/
-export const fetchProjectFromSearchTerm = async (searchTerm: string, current: number, intervalSize: number) => {
- const response = await fetch(
+export const fetchProjectFromSearchTerm = async (
+ searchTerm: string,
+ current: number,
+ intervalSize: number,
+): Promise | Error> => {
+ const response = await AuthService.authFetch(
`${PROJECT_SEARCH_ENDPOINT}?page=${current + 1}&size=${intervalSize}&search=${searchTerm || ''}`,
);
- return await response.json();
+ if (!response.ok) {
+ const errorText = await response.text();
+ const errorData = JSON.parse(errorText) as Error;
+ throw new Error(`${errorData.message}`);
+ }
+
+ return (await response.json()) as PaginatedResponse;
};
/**
@@ -79,7 +98,7 @@ export const createProject = async (
): Promise => {
const apiUrl = `${PROJECT_ENDPOINT}`;
- const response = await fetch(apiUrl, {
+ const response = await AuthService.authFetch(apiUrl, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
@@ -89,8 +108,8 @@ export const createProject = async (
if (!response.ok) {
const errorText = await response.text();
- const errorData = JSON.parse(errorText);
+ const errorData = JSON.parse(errorText) as Error;
throw new Error(`${errorData.message}`);
}
- return await response.json();
+ return (await response.json()) as ProjectResponse;
};
diff --git a/src/shared/services/studyService.ts b/src/shared/services/studyService.ts
index ef00bd7..1cb3e09 100644
--- a/src/shared/services/studyService.ts
+++ b/src/shared/services/studyService.ts
@@ -8,6 +8,7 @@ import { PaginatedResponse, StudyDTO } from '@/shared/types';
import { STUDY_SEARCH_ENDPOINT } from '@/shared/const/apiEndPoint';
import { STUDY_ENDPOINT, STUDY_KEYWORDS_SEARCH_ENDPOINT } from '@/shared/const/apiEndPoint.ts';
import { notifyToast } from '@/shared/notification/notification.tsx';
+import { AuthService } from '@/shared/services/authService.ts';
/**
* Retrieve a list of studies from a term
@@ -18,15 +19,15 @@ import { notifyToast } from '@/shared/notification/notification.tsx';
* @param {number} intervalSize - Number of items per page
* @param {{ [key: string]: 'asc' | 'desc' })} sortBy - Object that describes the sorting type (ascending or descending) of a column
*
- * @returns {Promise>} - Promise object that represents a list of studies
+ * @return {Promise | Error>} - Promise object that represents a list of studies
*/
export const fetchSearchStudies = async (
- searchTerm = '',
- projectId = '',
- currentPage = 0,
- intervalSize = 0,
+ searchTerm: string = '',
+ projectId: string = '',
+ currentPage: number = 0,
+ intervalSize: number = 0,
sortBy?: { [key: string]: 'asc' | 'desc' },
-): Promise> => {
+): Promise | Error> => {
let entries: [string, 'asc' | 'desc'] | null = null;
if (sortBy && JSON.stringify(sortBy) !== '{}') {
entries = Object.entries(sortBy)[0];
@@ -34,11 +35,11 @@ export const fetchSearchStudies = async (
const apiUrl = `${STUDY_SEARCH_ENDPOINT}?page=${currentPage + 1}&size=${intervalSize}&projectId=${projectId}&search=${searchTerm}&sortColumn=${entries?.[0] ?? ''}&sortDirection=${entries?.[1] ?? ''}`;
- const response = await fetch(apiUrl);
+ const response = await AuthService.authFetch(apiUrl);
if (!response.ok) {
throw new Error('Failed to fetch user studies');
}
- const json: PaginatedResponse = await response.json();
+ const json = (await response.json()) as PaginatedResponse;
return { content: json.content, totalElements: json.totalElements };
};
@@ -47,15 +48,14 @@ export const fetchSearchStudies = async (
* Retrieve a list of suggested keywords from a partial name of a study
*
* @param {string} query - Partial name of a study
- *
- * @returns {Promise} - Promise object that represents a list of keywords
+ * @return {Promise} - Promise object that represents a list of keywords
*/
-export const fetchSuggestedKeywords = async (query: string): Promise => {
- const response = await fetch(`${STUDY_KEYWORDS_SEARCH_ENDPOINT}?partialName=${query}`);
+export const fetchSuggestedKeywords = async (query: string): Promise => {
+ const response = await AuthService.authFetch(`${STUDY_KEYWORDS_SEARCH_ENDPOINT}?partialName=${query}`);
if (!response.ok) {
throw new Error('Failed to fetch suggested keywords');
}
- return await response.json();
+ return (await response.json()) as string[];
};
/**
@@ -63,10 +63,11 @@ export const fetchSuggestedKeywords = async (query: string): Promise =
* Display toast if creation succeeds or fails
*
* @param {Omit} studyData - Partial study data
+ * @return {Promise}
*/
-export const saveStudy = async (studyData: Omit) => {
+export const saveStudy = async (studyData: Omit): Promise => {
try {
- const response = await fetch(`${STUDY_ENDPOINT}`, {
+ const response = await AuthService.authFetch(`${STUDY_ENDPOINT}`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
@@ -75,7 +76,7 @@ export const saveStudy = async (studyData: Omit}
*/
-export const deleteStudy = async (id: number) => {
+export const deleteStudy = async (id: number): Promise => {
try {
- const response = await fetch(`${STUDY_ENDPOINT}/${id}`, {
+ const response = await AuthService.authFetch(`${STUDY_ENDPOINT}/${id}`, {
method: 'DELETE',
});
if (!response.ok) {
@@ -111,10 +113,10 @@ export const deleteStudy = async (id: number) => {
type: 'success',
message: 'Study deleted successfully',
});
- } catch (error: any) {
+ } catch (error: unknown) {
notifyToast({
type: 'error',
- message: `${error.message}`,
+ message: `${(error as Error).message}`,
});
}
};
diff --git a/src/shared/services/test/pinnedProjectService.test.tsx b/src/shared/services/test/pinnedProjectService.test.tsx
index 9a3026c..6f785e6 100644
--- a/src/shared/services/test/pinnedProjectService.test.tsx
+++ b/src/shared/services/test/pinnedProjectService.test.tsx
@@ -107,7 +107,7 @@ describe('fetchPinnedProjects', () => {
await waitFor(() => {
expect(global.fetch).toHaveBeenCalledTimes(1);
- expect(global.fetch).toHaveBeenCalledWith(`https://mockapi.com/v1/project/pinned?userId=${userId}`);
+ expect(global.fetch).toHaveBeenCalledWith(`https://mockapi.com/v1/project/pinned?userId=${userId}`, {});
expect(result).toEqual(mockResponse);
});
});
@@ -160,7 +160,7 @@ describe('unpinProject', () => {
// Failed fetch response moc
global.fetch = vi.fn().mockResolvedValueOnce({
ok: false,
- text: async () => 'Error message',
+ text: async () => Promise.resolve('Error message'),
});
await expect(async () => unpinProject(userId, projectId)).rejects.toThrowError('Error message');
diff --git a/src/shared/services/test/projectService.test.tsx b/src/shared/services/test/projectService.test.tsx
index 8a49018..fffc07d 100644
--- a/src/shared/services/test/projectService.test.tsx
+++ b/src/shared/services/test/projectService.test.tsx
@@ -25,9 +25,7 @@ describe('deleteProjectById', () => {
global.fetch = vi.fn();
vi.clearAllMocks();
vi.stubGlobal('JSON', {
- parse: (text: string) => {
- return { message: text };
- },
+ parse: (text: string) => ({ message: text }),
stringify: (text: string) => text,
});
});
@@ -97,7 +95,7 @@ describe('fetchProjectDetails', () => {
await waitFor(() => {
expect(global.fetch).toHaveBeenCalledTimes(1);
- expect(global.fetch).toHaveBeenCalledWith(`https://mockapi.com/v1/project/${projectId}`);
+ expect(global.fetch).toHaveBeenCalledWith(`https://mockapi.com/v1/project/${projectId}`, {});
});
});
@@ -123,9 +121,7 @@ describe('fetchProjectsFromPartialName', () => {
global.fetch = vi.fn();
vi.clearAllMocks();
vi.stubGlobal('JSON', {
- parse: (text: string) => {
- return { message: text };
- },
+ parse: (text: string) => ({ message: text }),
stringify: (text: string) => text,
});
});
@@ -138,8 +134,8 @@ describe('fetchProjectsFromPartialName', () => {
it('should delete a pinned project from pinned project list', async () => {
global.fetch = vi.fn().mockResolvedValueOnce({
ok: true,
- json: () => {
- return Promise.resolve([
+ json: () =>
+ Promise.resolve([
{
id: '123',
name: 'Bilan prévisionnel 2023',
@@ -156,15 +152,14 @@ describe('fetchProjectsFromPartialName', () => {
creationDate: '2013-08-01',
tags: ['tag3', 'tag4'],
},
- ]);
- },
+ ]),
});
const result = await fetchProjectsFromPartialName('name');
await waitFor(() => {
expect(global.fetch).toHaveBeenCalledTimes(1);
- expect(global.fetch).toHaveBeenCalledWith('https://mockapi.com/v1/project/autocomplete?partialName=name');
+ expect(global.fetch).toHaveBeenCalledWith('https://mockapi.com/v1/project/autocomplete?partialName=name', {});
expect(result).toEqual(['Bilan prévisionnel 2023', 'Bilan prévisionnel 2019']);
});
});
@@ -188,9 +183,7 @@ describe('createProject', () => {
global.fetch = vi.fn();
vi.clearAllMocks();
vi.stubGlobal('JSON', {
- parse: (text: string) => {
- return { message: text };
- },
+ parse: (text: string) => ({ message: text }),
stringify: (text: string) => text,
});
});
diff --git a/src/shared/services/test/studyService.test.tsx b/src/shared/services/test/studyService.test.tsx
index 1a82ec1..fd0d00d 100644
--- a/src/shared/services/test/studyService.test.tsx
+++ b/src/shared/services/test/studyService.test.tsx
@@ -53,6 +53,7 @@ describe('fetchSearchStudies', () => {
expect(global.fetch).toHaveBeenCalledTimes(1);
expect(global.fetch).toHaveBeenCalledWith(
`https://mockapi.com/v1/study/search?page=4&size=10&projectId=124&search=test&sortColumn=column&sortDirection=asc`,
+ {},
);
expect(result).toEqual(mockResponse);
});
@@ -90,7 +91,7 @@ describe('fetchSuggestedKeywords', () => {
const result = await fetchSuggestedKeywords('test');
expect(global.fetch).toHaveBeenCalledTimes(1);
- expect(global.fetch).toHaveBeenCalledWith('https://mockapi.com/v1/study/keywords/search?partialName=test');
+ expect(global.fetch).toHaveBeenCalledWith('https://mockapi.com/v1/study/keywords/search?partialName=test', {});
expect(result).toEqual(mockResponse);
});
diff --git a/src/shared/types/common/User.type.ts b/src/shared/types/common/User.type.ts
index c3af83e..b80b1af 100644
--- a/src/shared/types/common/User.type.ts
+++ b/src/shared/types/common/User.type.ts
@@ -3,11 +3,16 @@
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
*/
+import { User } from 'oidc-client-ts';
-export interface User {
+export interface UserInfo {
id: string;
nni: string;
fullname: string;
email: string;
isAdmin?: boolean;
}
+
+export interface UserState {
+ user: User | null;
+}
diff --git a/src/shared/utils/authUtils.ts b/src/shared/utils/authUtils.ts
new file mode 100644
index 0000000..e422c41
--- /dev/null
+++ b/src/shared/utils/authUtils.ts
@@ -0,0 +1,18 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import { User } from 'oidc-client-ts';
+
+type ProfileWithRole = User & {
+ profile: {
+ realm_access: {
+ roles: string[];
+ };
+ };
+};
+
+export const hasUserRole = (role: string, user: ProfileWithRole): boolean =>
+ user?.profile.realm_access.roles?.includes(role);
diff --git a/src/store/contexts/ProjectContext.tsx b/src/store/contexts/ProjectContext.tsx
index c11b507..70b687f 100644
--- a/src/store/contexts/ProjectContext.tsx
+++ b/src/store/contexts/ProjectContext.tsx
@@ -8,9 +8,9 @@ import { createContext, Dispatch, ReactNode, useContext, useReducer } from 'reac
import { ProjectActionType, ProjectState } from '@/shared/types/pegase/Project.type';
import projectReducer from '@/store/reducers/projectReducer';
-const initialValue: ProjectState = { projects: [], pinnedProjects: [] };
+const initialState: ProjectState = { projects: [], pinnedProjects: [] };
-export const ProjectContext = createContext(initialValue);
+export const ProjectContext = createContext(initialState);
export const ProjectDispatchContext = createContext | null>(null);
export const useProject = () => useContext(ProjectContext);
diff --git a/src/store/contexts/UserContext.tsx b/src/store/contexts/UserContext.tsx
index 04687ea..e4e5e41 100644
--- a/src/store/contexts/UserContext.tsx
+++ b/src/store/contexts/UserContext.tsx
@@ -4,11 +4,11 @@
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
*/
-import { THEME_COLOR } from '@/shared/types';
-import createFastContext from './createFastContext';
+import { createContext, useContext } from 'react';
+import { UserState } from '@/shared/types';
-export type UserContextStore = {
- theme: THEME_COLOR;
+const initialState: UserState = {
+ user: null,
};
-
-export const UserContext = createFastContext();
+export const UserContext = createContext(initialState);
+export const useUser = () => useContext(UserContext);
diff --git a/src/store/contexts/UserProvider.tsx b/src/store/contexts/UserProvider.tsx
new file mode 100644
index 0000000..0f12fd5
--- /dev/null
+++ b/src/store/contexts/UserProvider.tsx
@@ -0,0 +1,41 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import { ReactNode, useEffect, useState } from 'react';
+import { UserState } from '@/shared/types';
+import { AuthService } from '@/shared/services/authService';
+import { UserContext } from './UserContext';
+
+export interface UserProviderProps {
+ children: ReactNode;
+ initialValue: UserState;
+}
+
+const UserProvider = ({ children, initialValue }: UserProviderProps) => {
+ const [user, setUser] = useState(initialValue);
+ const [loading, setLoading] = useState(true);
+
+ useEffect(() => {
+ const getUser = async () => {
+ const userInfo = await AuthService.getUser();
+ if (!userInfo) {
+ // Redirection automatique vers Keycloak pour l'authentification
+ await AuthService.login();
+ } else {
+ setUser({ user: userInfo });
+ setLoading(false);
+ }
+ };
+ void getUser();
+ }, []);
+
+ if (loading) {
+ return Loading...
; // Affiche un message de chargement pendant la vérification
+ }
+ return {children};
+};
+
+export default UserProvider;
diff --git a/src/store/contexts/UserSettingsContext.tsx b/src/store/contexts/UserSettingsContext.tsx
new file mode 100644
index 0000000..29fbc72
--- /dev/null
+++ b/src/store/contexts/UserSettingsContext.tsx
@@ -0,0 +1,14 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import { THEME_COLOR } from '@/shared/types';
+import createFastContext from './createFastContext';
+
+export type UserSettingsContextStore = {
+ theme: THEME_COLOR;
+};
+
+export const UserSettingsContext = createFastContext();
diff --git a/vite-env.d.ts b/vite-env.d.ts
index bbe913a..9729546 100644
--- a/vite-env.d.ts
+++ b/vite-env.d.ts
@@ -1 +1,7 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
declare const APP_VERSION: string;