refactor: simplifying imports

src/components/decorators/index.ts

@@ -0,0 +1,2 @@
+export * from "./ButtonAnimationDecorator";
+export * from "./TransitionDecorator";

src/components/index.ts

@@ -0,0 +1,9 @@
+export * from "./ConfirmDeleteModal";
+export * from "./ErrorComponent";
+export * from "./LoadingWithSpinner";
+export * from "./PrimaryButton";
+export * from "./SecondaryButton";
+export * from "./FeedbackComponent";
+export * from "./Header";
+export * from "./ProtectedRoute";
+export * from "./PublicRoute";

src/hooks/index.ts

@@ -0,0 +1,5 @@
+export * from "./useAuth";
+export * from "./useAuthHook";
+export * from "./useFeedback";
+export * from "./useFeedbackHook";
+export * from "./useLocalStorage";

src/interfaces/FeedbackItem.ts

@@ -0,0 +1,5 @@
+export interface FeedbackItem {
+  type: string;
+  title: string;
+  message: string;
+}

src/interfaces/RegisterResponse.ts

@@ -0,0 +1,6 @@
+export interface RegisterResponse {
+  status: number;
+  data: {
+    msg: string;
+  };
+}

src/interfaces/index.ts

@@ -0,0 +1,2 @@
+export * from "./FeedbackItem";
+export * from "./RegisterResponse";

src/pages/Register.tsx

@@ -1,10 +1,11 @@
 import { validatePassword, validateUsername } from "../validation/validate";
 import feedback from "../../data/feedback.json";
-import { useAuth } from "../hooks/useAuth";
-import { useFeedback } from "../hooks/useFeedback";
-import { TransitionDecorator } from "../components/decorators/TransitionDecorator";
-import { ButtonAnimationDecorator } from "../components/decorators/ButtonAnimationDecorator";
-import { PrimaryButton } from "../components/PrimaryButton";
+import { useAuth, useFeedback } from "../hooks";
+import {
+  TransitionDecorator,
+  ButtonAnimationDecorator,
+} from "../components/decorators";
+import { PrimaryButton } from "../components";
 import React, { useState, useEffect } from "react";
 import {
   Container,
@@ -16,19 +17,7 @@ import {
   InputGroup,
   Spinner,
 } from "react-bootstrap";
-
-interface FeedbackItem {
-  type: string,
-  title: string,
-  message: string
-}
-
-interface RegisterResponse {
-  status: number;
-  data: {
-    msg: string;
-  };
-}
+import { FeedbackItem, RegisterResponse } from "../interfaces";
 
 export const Register = () => {
   const { triggerFeedback } = useFeedback();

src/pages/SignIn.jsx → src/pages/SignIn.tsx

@@ -1,9 +1,10 @@
 import { handleChangeHelper } from "../helper/handleHelper";
-import { useAuth } from "../hooks/useAuth";
-import { useFeedback } from "../hooks/useFeedback";
-import { LoadingWithSpinner } from "../components/LoadingWithSpinner";
-import { TransitionDecorator } from "../components/decorators/TransitionDecorator";
-import { ButtonAnimationDecorator } from "../components/decorators/ButtonAnimationDecorator";
+import { useAuth, useFeedback } from "../hooks";
+import { LoadingWithSpinner, PrimaryButton } from "../components";
+import {
+  TransitionDecorator,
+  ButtonAnimationDecorator,
+} from "../components/decorators";
 import { useState } from "react";
 import {
   Form,
@@ -14,7 +15,6 @@ import {
   Button,
   Image,
 } from "react-bootstrap";
-import { PrimaryButton } from "../components/PrimaryButton";
 
 export const SignIn = () => {
   const { triggerFeedback } = useFeedback();

src/pages/Splash.tsx

@@ -1,7 +1,8 @@
-import { PrimaryButton } from "../components/PrimaryButton";
-import { SecondaryButton } from "../components/SecondaryButton";
-import { TransitionDecorator } from "../components/decorators/TransitionDecorator";
-import { ButtonAnimationDecorator } from "../components/decorators/ButtonAnimationDecorator";
+import { PrimaryButton, SecondaryButton } from "../components";
+import {
+  TransitionDecorator,
+  ButtonAnimationDecorator,
+} from "../components/decorators";
 import { Stack } from "react-bootstrap";
 import { Link } from "react-router-dom";