fix: remove react.fc

HYACCCINT · HYACCCINT · commit b4dff9e87a3b · 2024-07-29T13:38:14.000-04:00
diff --git a/dataconnect/app/src/App.tsx b/dataconnect/app/src/App.tsx
@@ -10,7 +10,7 @@ import AdvancedSearchPage from "./pages/AdvancedSearch";
 import NotFound from "./pages/NotFound";
 import RootLayout from "./layout/RootLayout";
 
-const App: React.FC = () => {
+const App = () => {
   return (
     <Router>
       <RootLayout>
diff --git a/dataconnect/app/src/components/carousel.tsx b/dataconnect/app/src/components/carousel.tsx
@@ -13,7 +13,12 @@ interface CarouselProps {
   }[];
 }
 
-const Carousel: React.FC<CarouselProps> = ({ title, movies }) => {
+const Carousel = (
+  {
+    title,
+    movies
+  }: CarouselProps
+) => {
   return (
     <section className="carousel py-8">
       <h2 className="text-gray-200 text-2xl font-bold mb-4">{title}</h2>
diff --git a/dataconnect/app/src/components/moviecard.tsx b/dataconnect/app/src/components/moviecard.tsx
@@ -14,7 +14,16 @@ interface MovieCardProps {
   tags?: string[] | null;
 }
 
-const MovieCard: React.FC<MovieCardProps> = ({ id, title, imageUrl, rating, genre, tags }) => {
+const MovieCard = (
+  {
+    id,
+    title,
+    imageUrl,
+    rating,
+    genre,
+    tags
+  }: MovieCardProps
+) => {
   const [user, setUser] = useState<User | null>(null);
   const [isFavorited, setIsFavorited] = useState(false);
   const auth = useContext(AuthContext);
diff --git a/dataconnect/app/src/components/navbar.tsx b/dataconnect/app/src/components/navbar.tsx
@@ -6,7 +6,7 @@ import { upsertUser } from '@/lib/dataconnect-sdk';
 import { FaSearch } from 'react-icons/fa';
 import firebaseLogo from '@/assets/firebase_logo.svg';
 
-const Navbar: React.FC = () => {
+const Navbar = () => {
   const [user, setUser] = useState<User | null>(null);
   const auth = useContext(AuthContext);
 
diff --git a/dataconnect/app/src/pages/Actor.tsx b/dataconnect/app/src/pages/Actor.tsx
@@ -12,7 +12,7 @@ import { onAuthStateChanged, User } from 'firebase/auth';
 import { AuthContext } from '@/lib/firebase';
 import NotFound from './NotFound';
 
-const ActorPage: React.FC = () => {
+const ActorPage = () => {
   const { id } = useParams<{ id: string }>();
   const actorId = id || '';
   const [actor, setActor] = useState<GetActorByIdResponse['actor'] | null>(null);
diff --git a/dataconnect/app/src/pages/AdvancedSearch.tsx b/dataconnect/app/src/pages/AdvancedSearch.tsx
@@ -6,7 +6,7 @@ import { searchAll } from '@/lib/dataconnect-sdk';
 
 const genres = ['', 'action', 'crime', 'drama', 'sci-fi', 'thriller', 'adventure'];
 
-const AdvancedSearchPage: React.FC = () => {
+const AdvancedSearchPage = () => {
   const [searchQuery, setSearchQuery] = useState('');
   const [releaseYearRange, setReleaseYearRange] = useState({ min: 1900, max: 2030 });
   const [genre, setGenre] = useState('');
diff --git a/dataconnect/app/src/pages/Genre.tsx b/dataconnect/app/src/pages/Genre.tsx
@@ -3,7 +3,7 @@ import { useParams } from 'react-router-dom';
 import MovieCard from '@/components/moviecard';
 import { ListMoviesByGenreResponse, listMoviesByGenre } from '@/lib/dataconnect-sdk';
 
-const GenrePage: React.FC = () => {
+const GenrePage = () => {
   const { genre } = useParams<{ genre: string }>();
   const [mostPopular, setMostPopular] = useState<ListMoviesByGenreResponse['mostPopular']>([]);
   const [mostRecent, setMostRecent] = useState<ListMoviesByGenreResponse['mostRecent']>([]);
diff --git a/dataconnect/app/src/pages/Home.tsx b/dataconnect/app/src/pages/Home.tsx
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import Carousel from '@/components/carousel';
 import { listMovies, ListMoviesResponse } from '@/lib/dataconnect-sdk';
 
-const HomePage: React.FC = () => {
+const HomePage = () => {
   const [topMovies, setTopMovies] = useState<ListMoviesResponse["movies"]>([]);
   const [latestMovies, setLatestMovies] = useState<ListMoviesResponse["movies"]>([]);
 
diff --git a/dataconnect/app/src/pages/MyProfile.tsx b/dataconnect/app/src/pages/MyProfile.tsx
@@ -11,7 +11,7 @@ import {
 import { MdStar } from 'react-icons/md';
 import { AuthContext } from '@/lib/firebase';
 
-const MyProfilePage: React.FC = () => {
+const MyProfilePage = () => {
   const navigate = useNavigate();
   const [authUser, setAuthUser] = useState<User | null>(null);
   const [user, setUser] = useState<GetCurrentUserResponse['user'] | null>(null);
diff --git a/dataconnect/app/src/pages/NotFound.tsx b/dataconnect/app/src/pages/NotFound.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useNavigate } from 'react-router-dom';
 
-const NotFound: React.FC = () => {
+const NotFound = () => {
   const navigate = useNavigate();
 
   return (
diff --git a/dataconnect/app/src/pages/VectorSearch.tsx b/dataconnect/app/src/pages/VectorSearch.tsx
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { searchMovieDescriptionUsingL2similarity, SearchMovieDescriptionUsingL2similarityResponse } from '@/lib/dataconnect-sdk';
 import { FaSpinner } from 'react-icons/fa';
 
-const VectorSearchPage: React.FC = () => {
+const VectorSearchPage = () => {
   const [query, setQuery] = useState('');
   const [loading, setLoading] = useState(false);
   const [results, setResults] = useState<SearchMovieDescriptionUsingL2similarityResponse['movies_descriptionEmbedding_similarity']>([]);
