Jan 1, 2025 · Dec 31, 2024 · Dec 31, 2024 · Dec 31, 2024 · Jan 1, 2025 · Jan 1, 2025
diff --git a/src/App.tsx b/src/App.tsx
diff --git a/src/components/CategoryList.tsx b/src/components/CategoryList.tsx
diff --git a/src/components/LanguageSelector.tsx b/src/components/LanguageSelector.tsx
diff --git a/src/components/SnippetList.tsx b/src/components/SnippetList.tsx
diff --git a/src/components/SnippetModal.tsx b/src/components/SnippetModal.tsx
diff --git a/src/components/index.ts b/src/components/index.ts
diff --git a/src/contexts/index.ts b/src/contexts/index.ts
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
diff --git a/src/hooks/useCategories.ts b/src/hooks/useCategories.ts
diff --git a/src/hooks/useSnippets.ts b/src/hooks/useSnippets.ts
diff --git a/src/layouts/Header.tsx b/src/layouts/Header.tsx
diff --git a/src/main.tsx b/src/main.tsx
diff --git a/src/utils/index.ts b/src/utils/index.ts
Original file line number	Diff line number	Diff line change
		@@ -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";
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -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();
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -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);
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -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";
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -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";
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -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;
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -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";

Expand Down
Original file line number	Diff line number	Diff line change
		@@ -1,4 +1,4 @@
	import { GitHubIcon } from "components";
	import { GitHubIcon } from "components/Icons";
		import LinkButton from "components/LinkButton";
		import Logo from "components/Logo";
		import SearchInput from "components/SearchInput";
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -4,7 +4,7 @@ import { StrictMode } from "react";
		import { createRoot } from "react-dom/client";

		import App from "App";
	import { AppProvider } from "contexts";
	import { AppProvider } from "contexts/AppContext";

		createRoot(document.getElementById("root")!).render(
		<StrictMode>
Expand Down