Update exports

Author: peeweetje

.gitignore

@@ -0,0 +1 @@
+.qodo

netflix-create-react-vite-app/src/app/App.tsx

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { Route, Routes } from 'react-router-dom';
-import Homepage from '../pages/home/homePage';
-import Shows from '../pages/shows/shows';
-import Movies from '../pages/movies/movies';
-import RecentlyAdded from '../pages/recently-added/recentlyAdded';
-import MyList from '../pages/my-list/myList';
+import { Homepage } from '../pages/home/homePage';
+import { Shows } from '../pages/shows/shows';
+import { Movies } from '../pages/movies/movies';
+import { RecentlyAdded } from '../pages/recently-added/recentlyAdded';
+import { MyList } from '../pages/my-list/myList';
 import { GlobalStyle } from '../styles/global';
 
-const App = () => {
+export const App = () => {
   return (
     <>
       <GlobalStyle />
@@ -21,5 +21,3 @@ const App = () => {
     </>
   );
 };
-
-export default App;

netflix-create-react-vite-app/src/components/card/back-card.tsx

@@ -18,7 +18,7 @@ type BackCardProps = {
 
 const getRoundedScore = (score: number): number => Math.floor(score * 10) / 10;
 
-const BackCard = ({ overview, title, vote_average }: BackCardProps) => {
+export const BackCard = ({ overview, title, vote_average }: BackCardProps) => {
   return (
     <CardBack>
       <CardBackContainer>
@@ -33,5 +33,3 @@ const BackCard = ({ overview, title, vote_average }: BackCardProps) => {
     </CardBack>
   );
 };
-
-export default BackCard;

netflix-create-react-vite-app/src/components/card/card.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { FC } from 'react';
 import { CardContainer, FLipCard } from './card.styles';
-import FrontCard from './front-card';
-import BackCard from './back-card';
+import { BackCard } from './back-card';
+import { FrontCard } from './front-card';
 
 type CardProps = {
   src: string;
@@ -12,7 +12,13 @@ type CardProps = {
   vote_average: number;
 };
 
-const Card = ({ src, alt, overview, title, vote_average }: CardProps) => {
+export const Card = ({
+  src,
+  alt,
+  overview,
+  title,
+  vote_average,
+}: CardProps) => {
   return (
     <CardContainer>
       <FLipCard>
@@ -26,5 +32,3 @@ const Card = ({ src, alt, overview, title, vote_average }: CardProps) => {
     </CardContainer>
   );
 };
-
-export default Card;

netflix-create-react-vite-app/src/components/card/front-card.tsx

@@ -7,12 +7,10 @@ type FrontCardProps = {
   alt: string;
 };
 
-const FrontCard = ({ src, alt }: FrontCardProps) => {
+export const FrontCard = ({ src, alt }: FrontCardProps) => {
   return (
     <CardFront>
       <StyledImg src={src} alt={alt} />
     </CardFront>
   );
 };
-
-export default FrontCard;

netflix-create-react-vite-app/src/components/movie-list/movieList.tsx

@@ -1,5 +1,5 @@
 import { imageUrl } from '../../utils/api';
-import Card from '../card/card';
+import { Card } from '../card/card';
 import { useTranslation } from 'react-i18next';
 import { MovieResult } from '../../utils/types/types';
 

netflix-create-react-vite-app/src/components/navbarmenu/navbarheader/nav-items.tsx

@@ -7,7 +7,7 @@ type navItemsProps = {
   children: React.ReactNode;
 };
 
-const NavItems = ({ children, to }: navItemsProps) => {
+export const NavItems = ({ children, to }: navItemsProps) => {
   const { t } = useTranslation();
 
   return (
@@ -16,5 +16,3 @@ const NavItems = ({ children, to }: navItemsProps) => {
     </li>
   );
 };
-
-export default NavItems;

netflix-create-react-vite-app/src/components/navbarmenu/navbarheader/navbarHeader.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
-import SearchBar from './search-bar/searchBar';
-import NavItems from './nav-items';
+import { SearchBar } from './search-bar/searchBar';
+import { NavItems } from './nav-items';
 import { NavbarMenu, NavList, BrandContainer } from './navbar-styles';
 import { useTranslation } from 'react-i18next';
 
@@ -9,7 +9,7 @@ export type navbarHeaderProps = {
   value: string;
 };
 
-const NavbarHeader = ({ onChange, value }: navbarHeaderProps) => {
+export const NavbarHeader = ({ onChange, value }: navbarHeaderProps) => {
   const { t } = useTranslation();
 
   return (
@@ -40,5 +40,3 @@ const NavbarHeader = ({ onChange, value }: navbarHeaderProps) => {
     </NavbarMenu>
   );
 };
-
-export default NavbarHeader;

netflix-create-react-vite-app/src/components/navbarmenu/navbarheader/search-bar/searchBar.tsx

@@ -7,7 +7,7 @@ export type searchProps = {
   value: string;
 };
 
-const SearchBar = ({ value, onChange }: searchProps) => {
+export const SearchBar = ({ value, onChange }: searchProps) => {
   const { t } = useTranslation();
   return (
     <NavbarSearch>
@@ -20,5 +20,3 @@ const SearchBar = ({ value, onChange }: searchProps) => {
     </NavbarSearch>
   );
 };
-
-export default SearchBar;

netflix-create-react-vite-app/src/components/spinner/spinner.tsx

@@ -1,8 +1,6 @@
 import { SpinnerWrapper } from './spinner.styles';
 import React from 'react';
 
-const Spinner = () => {
+export const Spinner = () => {
   return <SpinnerWrapper />;
 };
-
-export default Spinner;