53 | );
54 | }
55 |
56 | export default App;
57 |
--------------------------------------------------------------------------------
/src/api/authApi.ts:
--------------------------------------------------------------------------------
1 | import Cookies from 'js-cookie';
2 | import jwtDecode from 'jwt-decode';
3 |
4 | const ACCESS_TOKEN = 'access_token';
5 |
6 | const isTokenValid = (token: string) => {
7 | try {
8 | const decoded: { exp: number } = jwtDecode(token)
9 | return new Date(decoded.exp * 1000) > new Date()
10 | } catch {
11 | return false
12 | }
13 | }
14 |
15 | const login = (token: string) => {
16 | Cookies.set(ACCESS_TOKEN, token)
17 | }
18 |
19 | const logout = () => {
20 | Cookies.remove(ACCESS_TOKEN)
21 | }
22 |
23 | const getToken = () => Cookies.get(ACCESS_TOKEN)
24 |
25 | const isAuthenticated = () => {
26 | const token = getToken()
27 |
28 | if (!token) {
29 | return false
30 | }
31 | return true // isTokenValid(token)
32 | }
33 |
34 | export default {
35 | login,
36 | logout,
37 | getToken,
38 | isAuthenticated,
39 | isTokenValid,
40 | }
41 |
42 |
--------------------------------------------------------------------------------
/src/api/catsApi.ts:
--------------------------------------------------------------------------------
1 | import HttpApiService from '../services/HttpApiService';
2 | import { Cat } from '../model/cat';
3 |
4 | const API_BASE = `${process.env.REACT_APP_API_URI}`;
5 | const CATS_ENDPOINT = `${API_BASE}/cats`;
6 |
7 | const httpApiService: HttpApiService = new HttpApiService(API_BASE);
8 |
9 | export const findAllCats = () => {
10 | return httpApiService.get(`${CATS_ENDPOINT}`);
11 | }
12 |
13 | export const createCat = (createCat: Cat) => {
14 | return httpApiService.post(`${CATS_ENDPOINT}`, createCat);
15 | }
--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
5 | sans-serif;
6 | -webkit-font-smoothing: antialiased;
7 | -moz-osx-font-smoothing: grayscale;
8 | }
9 |
10 | code {
11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
12 | monospace;
13 | }
14 |
--------------------------------------------------------------------------------
/src/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import reportWebVitals from './reportWebVitals';
6 |
7 | ReactDOM.render(
8 |