sidski/Cinemateket
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

🎨 fixed feedback

Browse source 
Co-authored-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
haraldnilsen 2023-10-19 08:59:40 +02:00
parent c5c8194fed
commit faf1de7f44
7 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/components/MovieModal/index.tsx
View file

@ -23,13 +23,13 @@ const MovieModal: React.FC<MovieModalProps> = ({
<q.div className="flex"> <q.div className="flex">
<q.img <q.img
className="h-44 max-w-sm mx-auto mb-4 rounded-md shadow" className="h-44 max-w-sm mx-auto mb-4 rounded-md shadow"
src={modalMovie?.Poster} src={modalMovie?.poster}
alt={modalMovie?.Title} alt={modalMovie?.title}
/> />
<q.div className="flex flex-col px-10 pt-5"> <q.div className="flex flex-col px-10 pt-5">
<q.h1 className="text-xl font-bold mb-4">{modalMovie?.Title}</q.h1> <q.h1 className="text-xl font-bold mb-4">{modalMovie?.title}</q.h1>
<q.p>Year: {modalMovie?.Year}</q.p> <q.p>Year: {modalMovie?.year}</q.p>
<q.p>Type: {modalMovie?.Type}</q.p> <q.p>Type: {modalMovie?.type}</q.p>
<q.a <q.a
className='"underline text-blue-500 hover:text-blue-700"' className='"underline text-blue-500 hover:text-blue-700"'
href={`https://www.imdb.com/title/${modalMovie?.imdbID}`} href={`https://www.imdb.com/title/${modalMovie?.imdbID}`}

2
frontend/src/components/MovieTableRow/index.tsx → frontend/src/components/MovieTable/MovieTableRow/index.tsx
View file

@ -1,4 +1,4 @@
import type { movieObject } from '../../types/movie' import type { movieObject } from '../../../types/movie'
import Modal from 'react-modal' import Modal from 'react-modal'
import q from 'qjuul' import q from 'qjuul'

2
frontend/src/components/MovieTable/index.tsx
View file

@ -1,6 +1,6 @@
import type { movieObject } from '../../types/movie' import type { movieObject } from '../../types/movie'
import q from 'qjuul' import q from 'qjuul'
import MovieTableRow from '../MovieTableRow' import MovieTableRow from './MovieTableRow'
import arrow from '../../../public/arrow-down-up-svgrepo-com.svg' import arrow from '../../../public/arrow-down-up-svgrepo-com.svg'
interface MovieTableProps { interface MovieTableProps {

0
frontend/src/components/PaginationButton/index.tsx → frontend/src/components/Pagination/PaginationButton/index.tsx
View file

0
frontend/src/components/PaginationButton/styles.css → frontend/src/components/Pagination/PaginationButton/styles.css
View file

2
frontend/src/components/Pagination/index.tsx
View file

@ -1,5 +1,5 @@
import q from 'qjuul' import q from 'qjuul'
import PaginationButton from '../PaginationButton' import PaginationButton from './PaginationButton'
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
interface PaginationProps { interface PaginationProps {

2
frontend/src/components/index.ts
View file

@ -1,5 +1,5 @@
export { default as Pagination } from './Pagination' export { default as Pagination } from './Pagination'
export { default as MovieTableRow } from './MovieTableRow' export { default as MovieTableRow } from './MovieTable/MovieTableRow'
export { default as MovieForm } from './MovieForm' export { default as MovieForm } from './MovieForm'
export { default as MovieTable } from './MovieTable' export { default as MovieTable } from './MovieTable'
export { default as MovieModal } from './MovieModal' export { default as MovieModal } from './MovieModal'