name changes (#238)

frontend/src/App.tsx

@@ -2,8 +2,8 @@ import Container from "components/Container";
 import Footer from "components/footer/Footer";
 import Navbar from "components/nav/Navbar";
 import NotFoundRedirect from "components/NotFoundRedirect";
-import { AlertQueue, AlertQueueProvider } from "hooks/alerts";
-import { AuthenticationProvider } from "hooks/auth";
+import { AlertQueue, AlertQueueProvider } from "hooks/useAlertQueue";
+import { AuthenticationProvider } from "hooks/useAuth";
 import { DarkModeProvider } from "hooks/useDarkMode";
 import About from "pages/About";
 import APIKeys from "pages/APIKeys";

frontend/src/components/auth/AuthBlock.tsx

@@ -2,8 +2,8 @@ import BackButton from "components/ui/Button/BackButton";
 import { Card, CardContent, CardFooter, CardHeader } from "components/ui/Card";
 import Header from "components/ui/Header";
 import Spinner from "components/ui/Spinner";
-import { useAlertQueue } from "hooks/alerts";
-import { useAuthentication } from "hooks/auth";
+import { useAlertQueue } from "hooks/useAlertQueue";
+import { useAuthentication } from "hooks/useAuth";
 import { useEffect, useState } from "react";
 import AuthProvider from "./AuthProvider";
 import LoginForm from "./LoginForm";

frontend/src/components/auth/RequireAuthentication.tsx

@@ -1,5 +1,5 @@
 import LogInModal from "components/auth/AuthenticationModal";
-import { useAuthentication } from "hooks/auth";
+import { useAuthentication } from "hooks/useAuth";
 import React from "react";
 
 interface Props {

frontend/src/components/listing/EditListingModal.tsx

@@ -11,8 +11,8 @@ import {
 import ErrorMessage from "components/ui/ErrorMessage";
 import { Input, TextArea } from "components/ui/Input/Input";
 import { paths } from "gen/api";
-import { useAlertQueue } from "hooks/alerts";
-import { useAuthentication } from "hooks/auth";
+import { useAlertQueue } from "hooks/useAlertQueue";
+import { useAuthentication } from "hooks/useAuth";
 import { useEffect, useState } from "react";
 import { SubmitHandler, useForm } from "react-hook-form";
 import { NewListingSchema, NewListingType } from "types";

frontend/src/components/listing/ListingArtifacts.tsx

@@ -1,7 +1,7 @@
 import Carousel from "components/ui/Carousel";
 import { components } from "gen/api";
-import { useAlertQueue } from "hooks/alerts";
-import { useAuthentication } from "hooks/auth";
+import { useAlertQueue } from "hooks/useAlertQueue";
+import { useAuthentication } from "hooks/useAuth";
 import { useEffect, useState } from "react";
 
 interface Props {

frontend/src/components/listing/ListingDeleteButton.tsx

@@ -1,6 +1,6 @@
 import { Button } from "components/ui/Button/Button";
-import { useAlertQueue } from "hooks/alerts";
-import { useAuthentication } from "hooks/auth";
+import { useAlertQueue } from "hooks/useAlertQueue";
+import { useAuthentication } from "hooks/useAuth";
 import { useState } from "react";
 import { FaExclamation } from "react-icons/fa";
 import { useNavigate } from "react-router-dom";

frontend/src/components/listing/ListingDescription.tsx

@@ -1,8 +1,8 @@
 import { Button } from "components/ui/Button/Button";
 import { TextArea } from "components/ui/Input/Input";
 import Spinner from "components/ui/Spinner";
-import { useAlertQueue } from "hooks/alerts";
-import { useAuthentication } from "hooks/auth";
+import { useAlertQueue } from "hooks/useAlertQueue";
+import { useAuthentication } from "hooks/useAuth";
 import { useState } from "react";
 import { FaFile, FaPen } from "react-icons/fa";
 import Markdown from "react-markdown";

frontend/src/components/listing/ListingHeader.tsx

@@ -1,8 +1,8 @@
 import { Button } from "components/ui/Button/Button";
 import { Input } from "components/ui/Input/Input";
 import Spinner from "components/ui/Spinner";
-import { useAlertQueue } from "hooks/alerts";
-import { useAuthentication } from "hooks/auth";
+import { useAlertQueue } from "hooks/useAlertQueue";
+import { useAuthentication } from "hooks/useAuth";
 import { useState } from "react";
 import { FaFile, FaPen, FaTimes } from "react-icons/fa";
 import { useNavigate } from "react-router-dom";

frontend/src/components/listings/ListingGrid.tsx

@@ -1,7 +1,7 @@
 import Spinner from "components/ui/Spinner";
 import { paths } from "gen/api";
-import { useAlertQueue } from "hooks/alerts";
-import { useAuthentication } from "hooks/auth";
+import { useAlertQueue } from "hooks/useAlertQueue";
+import { useAuthentication } from "hooks/useAuth";
 import { useEffect, useState } from "react";
 import ListingGridCard from "./ListingGridCard";
 

frontend/src/components/nav/Boop.tsx

@@ -1,4 +1,4 @@
-import boop from "hooks/boop";
+import useBoop from "hooks/useBoop";
 import React from "react";
 import { animated } from "react-spring";
 
@@ -19,7 +19,7 @@ const Boop: React.FC<BoopProps> = ({
   timing = 3000,
   children,
 }) => {
-  const [style, trigger] = boop({ x, y, rotation, scale, timing });
+  const [style, trigger] = useBoop({ x, y, rotation, scale, timing });
 
   return (
     <animated.span onMouseEnter={trigger} style={style}>

frontend/src/components/nav/Sidebar.tsx

@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { useAuthentication } from "hooks/auth";
+import { useAuthentication } from "hooks/useAuth";
 import {
   FaBookOpen,
   FaDoorClosed,

frontend/src/hooks/boop.tsx → frontend/src/hooks/useBoop.tsx

@@ -10,7 +10,7 @@ interface BoopProps {
   springConfig?: SpringConfig;
 }
 
-function boop({
+function useBoop({
   x = 100,
   y = 100,
   rotation = 0,
@@ -57,4 +57,4 @@ function boop({
   return [appliedStyle, trigger] as const;
 }
 
-export default boop;
+export default useBoop;

frontend/src/hooks/useGetListing.tsx

@@ -1,7 +1,7 @@
 import { paths } from "gen/api";
+import { useAlertQueue } from "hooks/useAlertQueue";
+import { useAuthentication } from "hooks/useAuth";
 import { useEffect, useState } from "react";
-import { useAlertQueue } from "./alerts";
-import { useAuthentication } from "./auth";
 
 type ListingResponse =
   paths["/listings/{id}"]["get"]["responses"][200]["content"]["application/json"];

frontend/src/hooks/useGetUserListing.tsx

@@ -1,6 +1,6 @@
+import { useAlertQueue } from "hooks/useAlertQueue";
+import { useAuthentication } from "hooks/useAuth";
 import { useEffect, useState } from "react";
-import { useAlertQueue } from "./alerts";
-import { useAuthentication } from "./auth";
 
 const useGetUserListing = ({
   pageNumber,

frontend/src/pages/Browse.tsx

@@ -1,8 +1,8 @@
 import { useDebounce } from "@uidotdev/usehooks";
 import ListingGrid from "components/listings/ListingGrid";
 import { Input } from "components/ui/Input/Input";
-import { useAlertQueue } from "hooks/alerts";
-import { useAuthentication } from "hooks/auth";
+import { useAlertQueue } from "hooks/useAlertQueue";
+import { useAuthentication } from "hooks/useAuth";
 import { useEffect, useState } from "react";
 import { FaTimes } from "react-icons/fa";
 import { useNavigate, useSearchParams } from "react-router-dom";

frontend/src/pages/Create.tsx

@@ -6,8 +6,8 @@ import { Card, CardContent, CardHeader } from "components/ui/Card";
 import ErrorMessage from "components/ui/ErrorMessage";
 import Header from "components/ui/Header";
 import { Input, TextArea } from "components/ui/Input/Input";
-import { useAlertQueue } from "hooks/alerts";
-import { useAuthentication } from "hooks/auth";
+import { useAlertQueue } from "hooks/useAlertQueue";
+import { useAuthentication } from "hooks/useAuth";
 import { useState } from "react";
 import { useForm } from "react-hook-form";
 import { useNavigate } from "react-router-dom";

frontend/src/pages/ListingDetails.tsx

@@ -3,8 +3,8 @@ import ListingFooter from "components/listing/ListingFooter";
 import ListingHeader from "components/listing/ListingHeader";
 import Spinner from "components/ui/Spinner";
 import { paths } from "gen/api";
-import { useAlertQueue } from "hooks/alerts";
-import { useAuthentication } from "hooks/auth";
+import { useAlertQueue } from "hooks/useAlertQueue";
+import { useAuthentication } from "hooks/useAuth";
 import { useEffect, useState } from "react";
 import { useParams } from "react-router-dom";
 

frontend/src/pages/Logout.tsx

@@ -1,8 +1,8 @@
 import { Card, CardContent, CardHeader } from "components/ui/Card";
 import Header from "components/ui/Header";
 import Spinner from "components/ui/Spinner";
-import { useAlertQueue } from "hooks/alerts";
-import { useAuthentication } from "hooks/auth";
+import { useAlertQueue } from "hooks/useAlertQueue";
+import { useAuthentication } from "hooks/useAuth";
 import { useEffect } from "react";
 
 const Logout = () => {