From de35f4506ab9847baa28a95566cb90e77dccb19f Mon Sep 17 00:00:00 2001
From: Tom van der Lee <tom@vanderlee.io>
Date: Sat, 12 Feb 2022 15:42:41 +0100
Subject: Fixed all imports

---
 src/components/App/App.tsx                       | 31 +++++++++---------------
 src/components/Content/Content.tsx               |  6 ++---
 src/components/Icons/Filter.tsx                  |  2 +-
 src/components/Icons/Moon.tsx                    |  2 +-
 src/components/Icons/Sliders.tsx                 |  2 +-
 src/components/Icons/Sun.tsx                     |  2 +-
 src/components/RequestDetails/RequestDetails.tsx | 10 ++++----
 src/components/RequestList/RequestList.tsx       | 10 ++++----
 src/components/RequestSummary/RequestSummary.tsx |  2 +-
 src/contexts/DarkMode.tsx                        |  1 -
 src/hooks/useRequests.tsx                        |  2 +-
 src/index.tsx                                    |  4 +--
 tsconfig.json                                    |  2 +-
 vite.config.js                                   |  8 +++++-
 14 files changed, 40 insertions(+), 44 deletions(-)

diff --git a/src/components/App/App.tsx b/src/components/App/App.tsx
index 1d231ae..aaad5d0 100644
--- a/src/components/App/App.tsx
+++ b/src/components/App/App.tsx
@@ -1,27 +1,18 @@
 import * as React from "react";
 import { ReactElement, useContext, useEffect, useMemo, useState } from "react";
-import useRequests, {
-  ReadyState,
-  RequestResponse,
-} from "../../hooks/useRequests";
+import useRequests, { ReadyState, RequestResponse } from "~/hooks/useRequests";
 
-import styles from "./App.module.scss";
-import RequestDetails from "../RequestDetails/RequestDetails";
-import { getHost } from "../../utils";
-import {
-  Container,
-  ListGroup,
-  Nav,
-  Navbar,
-  NavDropdown,
-} from "react-bootstrap";
+import styles from "~/components/App.module.scss";
+import RequestDetails from "~/components/RequestDetails/RequestDetails";
+import { getHost } from "~/utils";
+import { Container, Nav, Navbar, NavDropdown } from "react-bootstrap";
 import classNames from "classnames";
-import { Sliders } from "../Icons/Sliders";
-import { Sun } from "../Icons/Sun";
-import { Moon } from "../Icons/Moon";
-import Trash from "../Icons/Trash";
-import { DarkModeContext } from "../../contexts/DarkMode";
-import RequestList from "../RequestList/RequestList";
+import Sliders from "~/components/Icons/Sliders";
+import Sun from "~/components/Icons/Sun";
+import Moon from "~/components/Icons/Moon";
+import Trash from "~/components/Icons/Trash";
+import { DarkModeContext } from "~/contexts/DarkMode";
+import RequestList from "~/components/RequestList/RequestList";
 
 interface Config {
   url: string;
diff --git a/src/components/Content/Content.tsx b/src/components/Content/Content.tsx
index 56a802f..e670376 100644
--- a/src/components/Content/Content.tsx
+++ b/src/components/Content/Content.tsx
@@ -1,10 +1,10 @@
 import * as React from "react";
 import { Dispatch, SetStateAction, useContext, useMemo } from "react";
-import { RequestPayload, ResponsePayload, Headers } from "~hooks/useRequests";
+import { Headers, RequestPayload, ResponsePayload } from "~hooks/useRequests";
 import ReactJson from "react-json-view";
-import styles from "./Content.module.scss";
+import styles from "~/components/Content/Content.module.scss";
 import { Button, Col, Container, Row } from "react-bootstrap";
-import { DarkModeContext } from "../../contexts/DarkMode";
+import { DarkModeContext } from "~/contexts/DarkMode";
 
 function getHeader(
   headers: Headers,
diff --git a/src/components/Icons/Filter.tsx b/src/components/Icons/Filter.tsx
index 07796df..0b318e3 100644
--- a/src/components/Icons/Filter.tsx
+++ b/src/components/Icons/Filter.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-export function Filter() {
+export default function Filter() {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/src/components/Icons/Moon.tsx b/src/components/Icons/Moon.tsx
index 303da04..a15c00f 100644
--- a/src/components/Icons/Moon.tsx
+++ b/src/components/Icons/Moon.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-export function Moon() {
+export default function Moon() {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/src/components/Icons/Sliders.tsx b/src/components/Icons/Sliders.tsx
index 36c632f..66d6fac 100644
--- a/src/components/Icons/Sliders.tsx
+++ b/src/components/Icons/Sliders.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-export function Sliders() {
+export default function Sliders() {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/src/components/Icons/Sun.tsx b/src/components/Icons/Sun.tsx
index f1e37a6..0641244 100644
--- a/src/components/Icons/Sun.tsx
+++ b/src/components/Icons/Sun.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-export function Sun() {
+export default function Sun() {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/src/components/RequestDetails/RequestDetails.tsx b/src/components/RequestDetails/RequestDetails.tsx
index ece570c..f34ef6f 100644
--- a/src/components/RequestDetails/RequestDetails.tsx
+++ b/src/components/RequestDetails/RequestDetails.tsx
@@ -1,10 +1,10 @@
 import * as React from "react";
 import { useCallback, useMemo, useState } from "react";
-import { RequestResponse, Headers } from "../../hooks/useRequests";
-import styles from "./RequestDetails.module.scss";
-import RequestSummary from "../RequestSummary/RequestSummary";
-import Content from "../Content/Content";
-import { getHost } from "../../utils";
+import { Headers, RequestResponse } from "~/hooks/useRequests";
+import styles from "~/components/RequestDetails/RequestDetails.module.scss";
+import RequestSummary from "~/components/RequestSummary/RequestSummary";
+import Content from "~/components/Content/Content";
+import { getHost } from "~/utils";
 import { Button, Card, Col, Container, Nav, Row, Table } from "react-bootstrap";
 
 interface TimingProps {
diff --git a/src/components/RequestList/RequestList.tsx b/src/components/RequestList/RequestList.tsx
index a925c3b..06a78a3 100644
--- a/src/components/RequestList/RequestList.tsx
+++ b/src/components/RequestList/RequestList.tsx
@@ -8,13 +8,13 @@ import {
   Offcanvas,
 } from "react-bootstrap";
 import classNames from "classnames";
-import styles from "./RequestList.module.scss";
-import RequestSummary from "../RequestSummary/RequestSummary";
+import styles from "~/components/RequestList/RequestList.module.scss";
+import RequestSummary from "~/components/RequestSummary/RequestSummary";
 import * as React from "react";
 import { useCallback, useContext, useMemo, useState } from "react";
-import { Method, RequestResponse } from "../../hooks/useRequests";
-import { DarkModeContext } from "../../contexts/DarkMode";
-import { Filter } from "../Icons/Filter";
+import { Method, RequestResponse } from "~/hooks/useRequests";
+import { DarkModeContext } from "~/contexts/DarkMode";
+import Filter from "~/components/Icons/Filter";
 
 interface ListProps {
   requests: RequestResponse[];
diff --git a/src/components/RequestSummary/RequestSummary.tsx b/src/components/RequestSummary/RequestSummary.tsx
index db2f69c..44254d0 100644
--- a/src/components/RequestSummary/RequestSummary.tsx
+++ b/src/components/RequestSummary/RequestSummary.tsx
@@ -2,7 +2,7 @@ import { RequestResponse } from "~hooks/useRequests";
 import * as React from "react";
 import classNames from "classnames";
 
-import { Badge, Card, Col, Row } from "react-bootstrap";
+import { Badge, Col, Row } from "react-bootstrap";
 
 interface RequestSummaryProps {
   selected?: boolean;
diff --git a/src/contexts/DarkMode.tsx b/src/contexts/DarkMode.tsx
index 90278ff..4326fe9 100644
--- a/src/contexts/DarkMode.tsx
+++ b/src/contexts/DarkMode.tsx
@@ -2,7 +2,6 @@ import * as React from "react";
 import {
   Context,
   createContext,
-  ReactElement,
   ReactNode,
   useEffect,
   useMemo,
diff --git a/src/hooks/useRequests.tsx b/src/hooks/useRequests.tsx
index 526e0a6..feba4fa 100644
--- a/src/hooks/useRequests.tsx
+++ b/src/hooks/useRequests.tsx
@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { getHost } from "../utils";
+import { getHost } from "~/utils";
 
 export type Headers = [string, string][];
 export type Method =
diff --git a/src/index.tsx b/src/index.tsx
index a9fdbd7..83f8970 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,8 +1,8 @@
 import * as React from "react";
 import * as ReactDOM from "react-dom";
-import App from "./components/App/App";
+import App from "~/components/App/App";
 
-import "./index.scss";
+import "~/index.scss";
 import DarkModeProvider from "./contexts/DarkMode";
 
 ReactDOM.render(
diff --git a/tsconfig.json b/tsconfig.json
index 9956ef7..1aa6fc6 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -4,7 +4,7 @@
     "jsx": "react",
     "moduleResolution": "Node",
     "paths": {
-      "~*": ["./*"]
+      "~/*": ["./*"]
     },
     "strict": true,
     "target": "ES2015",
diff --git a/vite.config.js b/vite.config.js
index eca6e2f..7c2d7f5 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,6 +1,12 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import path from 'path';
 
 export default defineConfig({
-  plugins: [react()]
+  plugins: [react()],
+  resolve: {
+    alias: {
+      '~': path.resolve(__dirname, './src')
+    }
+  }
 })
-- 
cgit v1.2.3