diff --git a/movie-search/__tests__/omdb.test.jsx b/movie-search/__tests__/omdb.test.jsx index d74f27c..3f0af43 100644 --- a/movie-search/__tests__/omdb.test.jsx +++ b/movie-search/__tests__/omdb.test.jsx @@ -13,7 +13,6 @@ test("queryOMDb returns movie with error", async () => { expect(data).toHaveProperty("Response", "False"); }); -// f=dune // Warning: React does not recognize the `fetchPriority` prop on a DOM element // The `punycode` module is deprecated. Please use a userland alternative instead. \ No newline at end of file diff --git a/movie-search/src/app/Search/SearchBar.tsx b/movie-search/src/app/Search/SearchBar.tsx index ebd337c..281de12 100644 --- a/movie-search/src/app/Search/SearchBar.tsx +++ b/movie-search/src/app/Search/SearchBar.tsx @@ -1,3 +1,4 @@ +import { primaryBtn, secondaryBtn } from "@/common/classes"; import { revalidatePath } from "next/cache"; import { redirect } from "next/navigation"; @@ -21,13 +22,13 @@ export default function SearchBar() {
diff --git a/movie-search/src/app/page.module.css b/movie-search/src/app/page.module.css index 5c4b1e6..641ae81 100644 --- a/movie-search/src/app/page.module.css +++ b/movie-search/src/app/page.module.css @@ -19,6 +19,7 @@ } .description a { + margin-top: 50px; display: flex; justify-content: center; align-items: center; @@ -27,7 +28,7 @@ .description p { position: relative; - margin: 0; + margin-top: 50px; padding: 1rem; background-color: rgba(var(--callout-rgb), 0.5); border: 1px solid rgba(var(--callout-border-rgb), 0.3); diff --git a/movie-search/src/app/page.tsx b/movie-search/src/app/page.tsx index ae25cb3..2541eee 100644 --- a/movie-search/src/app/page.tsx +++ b/movie-search/src/app/page.tsx @@ -1,18 +1,13 @@ import Image from "next/image"; import styles from "./page.module.css"; import Link from "next/link"; +import { primaryBtn } from "@/common/classes"; export default function Home() { return ( -
-
-

- A simple app to let you search for movies by title. -

+
+
+

A simple app to let you search for movies by title.

diff --git a/movie-search/src/common/classes.ts b/movie-search/src/common/classes.ts index dce70ee..b98bdf0 100644 --- a/movie-search/src/common/classes.ts +++ b/movie-search/src/common/classes.ts @@ -1 +1,4 @@ -const responsiveContainer = '' \ No newline at end of file +const btn = "px-4 py-2 rounded"; + +export const primaryBtn = `${btn} text-white bg-purple-500 hover:bg-purple-700`; +export const secondaryBtn = `${btn} bg-gray-400 hover:bg-gray-600`; diff --git a/movie-search/src/common/components/MovieCard.tsx b/movie-search/src/common/components/MovieCard.tsx index 245263d..91f1605 100644 --- a/movie-search/src/common/components/MovieCard.tsx +++ b/movie-search/src/common/components/MovieCard.tsx @@ -1,6 +1,7 @@ import FavoriteBtn from "@/common/components/FavoriteBtn"; import ImgCard from "@/common/components/ImgCard"; import Link from "next/link"; +import { primaryBtn } from "../classes"; export interface IMovieCardItem { Title: string; @@ -27,11 +28,8 @@ export default function MovieCard({ movie }: IMovieCardProps) {

Circa: {movie.Year}

- - Movie Details + +
diff --git a/movie-search/src/common/components/MovieList.tsx b/movie-search/src/common/components/MovieList.tsx index c002f12..de99597 100644 --- a/movie-search/src/common/components/MovieList.tsx +++ b/movie-search/src/common/components/MovieList.tsx @@ -6,7 +6,6 @@ export interface IMovieListProps { export default function MovieList({ movies }: IMovieListProps) { return ( -
@@ -20,6 +19,5 @@ export default function MovieList({ movies }: IMovieListProps) {

Nothing to show

)}
-
); }