removing barrel imports

Author: barrymun

src/App.tsx

@@ -1,5 +1,5 @@
 import SnippetList from "components/SnippetList";
-import { useAppContext } from "contexts";
+import { useAppContext } from "contexts/AppContext";
 import Banner from "layouts/Banner";
 import Footer from "layouts/Footer";
 import Header from "layouts/Header";

src/components/CategoryList.tsx

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
 
-import { useAppContext } from "contexts";
-import { useCategories } from "hooks";
+import { useAppContext } from "contexts/AppContext";
+import { useCategories } from "hooks/useCategories";
 
 const CategoryList = () => {
   const { category, setCategory } = useAppContext();

src/components/LanguageSelector.tsx

@@ -1,16 +1,18 @@
-import React, { useRef, useEffect } from "react";
+import { useRef, useEffect, useState } from "react";
 
-import { useAppContext } from "contexts";
-import { useKeyboardNavigation, useLanguages } from "hooks";
+import { useAppContext } from "contexts/AppContext";
+import { useKeyboardNavigation } from "hooks/useKeyboardNavigation";
+import { useLanguages } from "hooks/useLanguages";
 import { LanguageType } from "types";
 
 // Inspired by https://blog.logrocket.com/creating-custom-select-dropdown-css/
 
 const LanguageSelector = () => {
   const { language, setLanguage } = useAppContext();
   const { fetchedLanguages, loading, error } = useLanguages();
+
   const dropdownRef = useRef<HTMLDivElement>(null);
-  const [isOpen, setIsOpen] = React.useState(false);
+  const [isOpen, setIsOpen] = useState(false);
 
   const handleSelect = (selected: LanguageType) => {
     setLanguage(selected);

src/components/SnippetList.tsx

@@ -1,7 +1,7 @@
 import { useState } from "react";
 
-import { useAppContext } from "contexts";
-import { useSnippets } from "hooks";
+import { useAppContext } from "contexts/AppContext";
+import { useSnippets } from "hooks/useSnippets";
 import { SnippetType } from "types";
 
 import { LeftAngleArrowIcon } from "./Icons";

src/components/SnippetModal.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import ReactDOM from "react-dom";
 
-import { useEscapeKey } from "hooks";
+import { useEscapeKey } from "hooks/useEscapeKey";
 import { SnippetType } from "types";
-import { slugify } from "utils";
+import { slugify } from "utils/slugify";
 
 import Button from "./Button";
 import CodePreview from "./CodePreview";

src/components/index.ts

@@ -1,10 +1,10 @@
 import { useMemo } from "react";
 
-import { useAppContext } from "contexts";
+import { useAppContext } from "contexts/AppContext";
 import { SnippetType } from "types";
-import { slugify } from "utils";
+import { slugify } from "utils/slugify";
 
-import { useFetch } from "./";
+import { useFetch } from "./useFetch";
 
 type CategoryData = {
   categoryName: string;

src/contexts/index.ts

@@ -1,6 +1,6 @@
-import { useAppContext } from "contexts";
+import { useAppContext } from "contexts/AppContext";
 import { SnippetType } from "types";
-import { slugify } from "utils";
+import { slugify } from "utils/slugify";
 
 import { useFetch } from "./useFetch";