From eae19bb1b047b3568e7a9a624b50e80886e56331 Mon Sep 17 00:00:00 2001 From: Arda Serdar Pektezol <1669855+pektezol@users.noreply.github.com> Date: Mon, 4 Nov 2024 13:47:50 +0300 Subject: feat/frontend: optimizing imports, file extensions (#230) Co-authored-by: FifthWit --- frontend/src/pages/About.tsx | 2 +- frontend/src/pages/Games.tsx | 6 +++--- frontend/src/pages/Homepage.tsx | 1 - frontend/src/pages/Maplist.tsx | 9 ++++----- frontend/src/pages/Maps.tsx | 16 ++++++++-------- frontend/src/pages/Profile.tsx | 24 ++++++++++++------------ frontend/src/pages/Rankings.tsx | 8 ++++---- frontend/src/pages/Rules.tsx | 2 +- frontend/src/pages/User.tsx | 16 ++++++++-------- 9 files changed, 41 insertions(+), 43 deletions(-) (limited to 'frontend/src/pages') diff --git a/frontend/src/pages/About.tsx b/frontend/src/pages/About.tsx index c0883eb..ded3461 100644 --- a/frontend/src/pages/About.tsx +++ b/frontend/src/pages/About.tsx @@ -1,7 +1,7 @@ import React from 'react'; import ReactMarkdown from 'react-markdown'; -import '../css/About.css'; +import '@css/About.css'; const About: React.FC = () => { diff --git a/frontend/src/pages/Games.tsx b/frontend/src/pages/Games.tsx index ea136c2..15105c9 100644 --- a/frontend/src/pages/Games.tsx +++ b/frontend/src/pages/Games.tsx @@ -1,8 +1,8 @@ import React from 'react'; -import GameEntry from '../components/GameEntry'; -import { Game } from '../types/Game'; -import "../css/Maps.css" +import GameEntry from '@components/GameEntry'; +import { Game } from '@customTypes/Game'; +import "@css/Maps.css" interface GamesProps { games: Game[]; diff --git a/frontend/src/pages/Homepage.tsx b/frontend/src/pages/Homepage.tsx index 8c1cd48..68562b6 100644 --- a/frontend/src/pages/Homepage.tsx +++ b/frontend/src/pages/Homepage.tsx @@ -1,5 +1,4 @@ import React from 'react'; -import { PortalIcon } from '../images/Images'; const Homepage: React.FC = () => { diff --git a/frontend/src/pages/Maplist.tsx b/frontend/src/pages/Maplist.tsx index 4c1c172..8fc52b0 100644 --- a/frontend/src/pages/Maplist.tsx +++ b/frontend/src/pages/Maplist.tsx @@ -1,11 +1,10 @@ import React, { useEffect } from "react"; import { Link, useLocation, useNavigate, useParams } from "react-router-dom"; -import "../css/Maplist.css"; -import { API } from "../api/Api"; -import { Game, GameChapters } from "../types/Game"; -import { GameChapter, GamesChapters } from "../types/Chapters"; -import { Map } from "../types/Map"; +import "@css/Maplist.css"; +import { API } from "@api/Api"; +import { Game } from "@customTypes/Game"; +import { GameChapter, GamesChapters } from "@customTypes/Chapters"; const Maplist: React.FC = () => { const [game, setGame] = React.useState(null); diff --git a/frontend/src/pages/Maps.tsx b/frontend/src/pages/Maps.tsx index 915b5f8..f1daa36 100644 --- a/frontend/src/pages/Maps.tsx +++ b/frontend/src/pages/Maps.tsx @@ -1,14 +1,14 @@ import React from 'react'; import { Link, useLocation } from 'react-router-dom'; -import { PortalIcon, FlagIcon, ChatIcon } from '../images/Images'; -import Summary from '../components/Summary'; -import Leaderboards from '../components/Leaderboards'; -import Discussions from '../components/Discussions'; -import ModMenu from '../components/ModMenu'; -import { MapDiscussions, MapLeaderboard, MapSummary } from '../types/Map'; -import { API } from '../api/Api'; -import "../css/Maps.css"; +import { PortalIcon, FlagIcon, ChatIcon } from '@images/Images'; +import Summary from '@components/Summary'; +import Leaderboards from '@components/Leaderboards'; +import Discussions from '@components/Discussions'; +import ModMenu from '@components/ModMenu'; +import { MapDiscussions, MapLeaderboard, MapSummary } from '@customTypes/Map'; +import { API } from '@api/Api'; +import "@css/Maps.css"; interface MapProps { token?: string; diff --git a/frontend/src/pages/Profile.tsx b/frontend/src/pages/Profile.tsx index 590bb9b..f7134a7 100644 --- a/frontend/src/pages/Profile.tsx +++ b/frontend/src/pages/Profile.tsx @@ -1,16 +1,16 @@ import React from 'react'; -import { Link, useLocation, useNavigate } from 'react-router-dom'; - -import { SteamIcon, TwitchIcon, YouTubeIcon, PortalIcon, FlagIcon, StatisticsIcon, SortIcon, ThreedotIcon, DownloadIcon, HistoryIcon, DeleteIcon } from '../images/Images'; -import { UserProfile } from '../types/Profile'; -import { Game, GameChapters } from '../types/Game'; -import { Map } from '../types/Map'; -import { ticks_to_time } from '../utils/Time'; -import "../css/Profile.css"; -import { API } from '../api/Api'; -import useConfirm from '../hooks/UseConfirm'; -import useMessage from '../hooks/UseMessage'; -import useMessageLoad from "../hooks/UseMessageLoad"; +import { Link, useNavigate } from 'react-router-dom'; + +import { SteamIcon, TwitchIcon, YouTubeIcon, PortalIcon, FlagIcon, StatisticsIcon, SortIcon, ThreedotIcon, DownloadIcon, HistoryIcon, DeleteIcon } from '@images/Images'; +import { UserProfile } from '@customTypes/Profile'; +import { Game, GameChapters } from '@customTypes/Game'; +import { Map } from '@customTypes/Map'; +import { ticks_to_time } from '@utils/Time'; +import "@css/Profile.css"; +import { API } from '@api/Api'; +import useConfirm from '@hooks/UseConfirm'; +import useMessage from '@hooks/UseMessage'; +import useMessageLoad from "@hooks/UseMessageLoad"; interface ProfileProps { profile?: UserProfile; diff --git a/frontend/src/pages/Rankings.tsx b/frontend/src/pages/Rankings.tsx index 1830815..cdb87a8 100644 --- a/frontend/src/pages/Rankings.tsx +++ b/frontend/src/pages/Rankings.tsx @@ -1,10 +1,10 @@ import React, { useEffect } from "react"; -import RankingEntry from "../components/RankingEntry"; -import { Ranking, SteamRanking, RankingType, SteamRankingType } from "../types/Ranking"; -import { API } from "../api/Api"; +import RankingEntry from "@components/RankingEntry"; +import { Ranking, SteamRanking, RankingType, SteamRankingType } from "@customTypes/Ranking"; +import { API } from "@api/Api"; -import "../css/Rankings.css"; +import "@css/Rankings.css"; const Rankings: React.FC = () => { const [leaderboardData, setLeaderboardData] = React.useState(); diff --git a/frontend/src/pages/Rules.tsx b/frontend/src/pages/Rules.tsx index 340a9f6..b5625ce 100644 --- a/frontend/src/pages/Rules.tsx +++ b/frontend/src/pages/Rules.tsx @@ -1,7 +1,7 @@ import React from 'react'; import ReactMarkdown from 'react-markdown'; -import '../css/Rules.css'; +import '@css/Rules.css'; const Rules: React.FC = () => { diff --git a/frontend/src/pages/User.tsx b/frontend/src/pages/User.tsx index ad230bd..f90d1aa 100644 --- a/frontend/src/pages/User.tsx +++ b/frontend/src/pages/User.tsx @@ -1,14 +1,14 @@ import React from 'react'; import { Link, useLocation, useNavigate } from 'react-router-dom'; -import { SteamIcon, TwitchIcon, YouTubeIcon, PortalIcon, FlagIcon, StatisticsIcon, SortIcon, ThreedotIcon, DownloadIcon, HistoryIcon } from '../images/Images'; -import { UserProfile } from '../types/Profile'; -import { Game, GameChapters } from '../types/Game'; -import { Map } from '../types/Map'; -import { API } from '../api/Api'; -import { ticks_to_time } from '../utils/Time'; -import "../css/Profile.css"; -import useMessage from '../hooks/UseMessage'; +import { SteamIcon, TwitchIcon, YouTubeIcon, PortalIcon, FlagIcon, StatisticsIcon, SortIcon, ThreedotIcon, DownloadIcon, HistoryIcon } from '@images/Images'; +import { UserProfile } from '@customTypes/Profile'; +import { Game, GameChapters } from '@customTypes/Game'; +import { Map } from '@customTypes/Map'; +import { API } from '@api/Api'; +import { ticks_to_time } from '@utils/Time'; +import "@css/Profile.css"; +import useMessage from '@hooks/UseMessage'; interface UserProps { profile?: UserProfile; -- cgit v1.2.3