Fix bug

src/components/app.tsx

@@ -46,17 +46,17 @@ const AppDescription = styled.p`
 export interface IAppProps {
   name: string;
   icon: string;
-  url: string;
+  URL: string;
   displayURL: string;
 }
 
-export const App = ({ name, icon, url, displayURL }: IAppProps) => (
+export const App = ({ name, icon, URL, displayURL }: IAppProps) => (
   <AppContainer>
     <IconContainer>
       <Icon name={icon} />
     </IconContainer>
     <DetailsContainer>
-      <AppLink href={url}>{name}</AppLink>
+      <AppLink href={URL}>{name}</AppLink>
       <AppDescription>{displayURL}</AppDescription>
     </DetailsContainer>
   </AppContainer>

src/components/appCategory.tsx

@@ -25,7 +25,7 @@ export const AppCategory = ({ name, items }: IAppCategoryProps) => (
           <App
             name={app.name}
             icon={app.icon}
-            url={app.url}
+            URL={app.URL}
             displayURL={app.displayURL}
           />
         </Item>

src/components/appList.tsx

@@ -5,24 +5,24 @@ import {
   handleResponse,
   Headline,
   ListContainer,
-  ErrorMessage
+  ErrorMessage,
 } from "./elements";
 
 const useAppData = () => {
   const [appData, setAppData] = useState({
     categories: [],
     apps: [],
-    error: false
+    error: false,
   });
   const fetchAppData = useCallback(() => {
     (process.env.NODE_ENV === "production"
       ? fetch("/data/apps.json").then(handleResponse)
       : import("./data/apps.json")
     )
-      .then(jsonResponse => {
+      .then((jsonResponse) => {
         setAppData({ ...jsonResponse, error: false });
       })
-      .catch(error => {
+      .catch((error) => {
         setAppData({ categories: [], apps: [], error: error.message });
       });
   }, []);
@@ -35,8 +35,9 @@ const useAppData = () => {
 
 const AppList = () => {
   const {
-    appData: { categories, apps, error }
+    appData: { categories, apps, error },
   } = useAppData();
+
   return (
     <ListContainer>
       <Headline>Applications</Headline>