refactor(ui): updated modal design with backdrops

This commit is contained in:
sct
2021-05-06 21:24:36 +09:00
parent f48312e833
commit c4775e05fe
6 changed files with 34 additions and 10 deletions

View File

@@ -237,6 +237,7 @@ const MovieRequestModal: React.FC<RequestModalProps> = ({
secondaryButtonType="danger"
cancelText={intl.formatMessage(globalMessages.close)}
iconSvg={<DownloadIcon />}
backdrop={`https://image.tmdb.org/t/p/w1920_and_h800_multi_faces/${data?.backdropPath}`}
>
{isOwner
? intl.formatMessage(messages.pendingapproval)
@@ -295,6 +296,7 @@ const MovieRequestModal: React.FC<RequestModalProps> = ({
}
okButtonType={'primary'}
iconSvg={<DownloadIcon />}
backdrop={`https://image.tmdb.org/t/p/w1920_and_h800_multi_faces/${data?.backdropPath}`}
>
{hasAutoApprove && !quota?.movie.restricted && (
<div className="mt-6">

View File

@@ -420,6 +420,7 @@ const TvRequestModal: React.FC<RequestModalProps> = ({
: intl.formatMessage(globalMessages.cancel)
}
iconSvg={<DownloadIcon />}
backdrop={`https://image.tmdb.org/t/p/w1920_and_h800_multi_faces/${data?.backdropPath}`}
>
{editRequest
? isOwner