Improved folder structure.

src/pages/CommitPage.tsx

-
-import { BarChart } from '../components/graphs/barChart/barChart';
-import { PieChart } from '../components/graphs/pieChart/pieChart';
-import { useGitlabApi } from '../utils/gitlab_api_service';
-import { ICommitData } from '../utils/victory/types';
-import styles from './CommitPage.module.scss';
-import { queryTypes, Commit } from '../utils/queryType'
-
-const data: ICommitData[] = [
-    {committed_date: new Date("2012-09-20"), committer_email: "henrik@gmail.com"},
-    {committed_date: new Date("2012-09-21"), committer_email: "carl@gmail.com"},
-    {committed_date: new Date("2012-09-22"), committer_email: "marius@gmail.com"},
-    {committed_date: new Date("2012-09-22"), committer_email: "henrik@gmail.com"},
-    {committed_date: new Date("2012-09-22"), committer_email: "henrik@gmail.com"},
-    {committed_date: new Date("2012-09-22"), committer_email: "marius@gmail.com"},
-    {committed_date: new Date("2012-09-22"), committer_email: "carl@gmail.com"},
-    {committed_date: new Date("2012-09-22"), committer_email: "marius@gmail.com"},
-    {committed_date: new Date("2012-09-21"), committer_email: "henrik@gmail.com"},
-    {committed_date: new Date("2012-09-21"), committer_email: "carl@gmail.com"},
-    {committed_date: new Date("2012-09-21"), committer_email: "henrik@gmail.com"},
-    {committed_date: new Date("2012-09-21"), committer_email: "andreas@gmail.com"},
-]
-
-export const CommitPage = () => {
-
-    const commitData = useGitlabApi(queryTypes.AllCommits);
-
-    return (
-        <div className={styles.pageContainer}>
-            <h1>Charts for commits</h1>
-            <BarChart data={commitData.data as Commit[]} title="Commits per day"/>
-            <PieChart data={commitData.data as Commit[]} title={"Commits per member"}/>
-        </div>
-    )
-}
\ No newline at end of file

src/pages/commitGraphPage/CommitPage.tsx

+
+import { BarChart } from '../../components/graphs/barChart/barChart';
+import { PieChart } from '../../components/graphs/pieChart/pieChart';
+import { useGitlabApi } from '../../utils/gitlab_api_service';
+import styles from './CommitPage.module.scss';
+import { queryTypes, Commit } from '../../utils/queryType'
+import "react-loader-spinner/dist/loader/css/react-spinner-loader.css";
+import Loader from "react-loader-spinner";
+
+export const CommitPage = () => {
+    const commitData = useGitlabApi(queryTypes.AllCommits);
+
+    if (commitData.isLoading) {
+        return (
+            <Loader
+                type="Puff"
+                color="#00BFFF"
+                height={100}
+                width={100}
+                timeout={3000}
+            />
+        );
+    }
+
+    return (
+        <div className={styles.pageContainer}>
+            <h1>Charts for issues</h1>
+            <BarChart data={commitData.data as Commit[]} title="Commits per day"/>
+            <PieChart data={commitData.data as Commit[]} title={"Commits per member"}/>
+        </div>
+    )
+}
\ No newline at end of file