Refactor data fetching and filtering logic in get.ts

components/Picker/LanguagePicker.tsx

@@ -1,13 +1,13 @@
 import { faChevronDown } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useEffect, useState } from "react";
-import { CountableTag } from "../../types";
+import { CountableLanguage } from "../../types";
 import { SectionTitle } from "../SectionTitle";
 import { PickerItem } from "./PickerItem";
 
 type LanguagePickerProps = {
   activeTagId: string | string[] | undefined;
-  languages: CountableTag[];
+  languages: CountableLanguage[];
   onLanguagePage: boolean;
 };
 

context/AppDataContext.tsx

@@ -1,7 +1,7 @@
 import React, { createContext, useState } from "react";
 
 import data from "../data/data.json";
-import { AppData, CountableTag, Repository, RepositorySortOrder } from "../types";
+import { AppData, CountableTag, CountableLanguage, Repository, RepositorySortOrder } from "../types";
 
 const DEFAULT_VALUE: AppData = {
   languages: [],
@@ -22,7 +22,7 @@ const AppDataProvider = ({ children }: { children: React.ReactNode }) => {
     tags
   }: {
     repositories: Repository[];
-    languages: CountableTag[];
+    languages: CountableLanguage[];
     tags: CountableTag[];
   } = data;
   const [repositories, setRepositories] = useState<Repository[]>(allRepositories);