improved project structure

Author: RedHeadphone

package-lock.json

@@ -12,8 +12,8 @@
   "dependencies": {
     "@next/font": "13.1.6",
     "antd": "^5.3.1",
-    "axios": "^0.21.4",
-    "axios-cache-adapter": "^2.7.3",
+    "axios": "^1.0.0",
+    "axios-cache-interceptor": "^1.5.3",
     "eslint": "8.33.0",
     "eslint-config-next": "13.1.6",
     "fast-querystring": "^1.1.1",

package.json

@@ -1,10 +1,9 @@
-import { setup } from 'axios-cache-adapter'
+import Axios from 'axios'
+import { setupCache } from 'axios-cache-interceptor'
 
-const api = setup({
-    baseURL: 'https://codeforces.com/api',
-    cache: {
-      exclude: { query: false }
-    }
-})
+const instance = Axios.create({
+  baseURL: 'https://codeforces.com/api',
+});
+const api = setupCache(instance)
 
 export default api

src/cacheAxios.js

@@ -1,7 +1,7 @@
 import { useCallback, useState } from 'react';
 import qs from 'fast-querystring';
 
-import Error from "../assets/images/error.svg"
+import Error from "../images/error.svg"
 
 const defaultOption = {
     username: "redheadphone",

src/hooks/option.js

@@ -1,6 +1,6 @@
 import dynamic from 'next/dynamic'
 import Head from 'next/head'
-import '@/styles/globals.css'
+import './styles.css'
 
 function App({ Component, pageProps }) {
   return <>

src/assets/images/error.svg renamed to src/images/error.svg

@@ -5,7 +5,7 @@ import path from "path";
 import { get_color_from_rating, CONSTANTS, clamp_value } from "../../common.js";
 
 export function renderBadge(rating) {
-  nunjucks.configure(path.join(process.cwd(), "src/template"), {
+  nunjucks.configure(path.join(process.cwd(), "src/templates"), {
     autoescape: true,
   });
   return nunjucks.render("badge.svg", {

src/assets/images/logo.png renamed to src/images/logo.png

@@ -44,7 +44,7 @@ export function renderCard(
   disable_animations,
   show_icons
 ) {
-  nunjucks.configure(path.join(process.cwd(), "src/template"), {
+  nunjucks.configure(path.join(process.cwd(), "src/templates"), {
     autoescape: true,
   });
   return nunjucks.render("card.svg", {

src/pages/_app.js

@@ -5,7 +5,7 @@ import { GithubFilled, BookFilled, ExportOutlined } from '@ant-design/icons';
 import { Space, Card, Col, Form, Input, Select, Radio, Button, Divider, Row } from "antd";
 
 import themes from "../themes.js";
-import Logo from "../assets/images/logo.png";
+import Logo from "../images/logo.png";
 import useOption from "../hooks/option.js";