mirrors/jellyseerr
1
0
Fork 0
mirror of https://github.com/fallenbagel/jellyseerr.git synced 2026-01-01 20:28:40 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: upcoming/trending list views and larger title cards

Browse Source
This commit is contained in:
sct
2020-11-17 09:18:45 +00:00
parent 185ac2648f
commit 94eaaf96b4
17 changed files with 457 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/TitleCard/Placeholder.tsx
View File

@@ -1,8 +1,16 @@
import React from 'react';
const Placeholder: React.FC = () => {
interface PlaceholderProps {
canExpand?: boolean;
}
const Placeholder: React.FC<PlaceholderProps> = ({ canExpand = false }) => {
return (
<div className="relative animate-pulse rounded-lg bg-cool-gray-700 w-36 sm:w-36 md:w-44 ">
<div
className={`relative animate-pulse rounded-lg bg-cool-gray-700 ${
canExpand ? 'w-full' : 'w-36 sm:w-36 md:w-44'
}`}
>
<div className="w-full" style={{ paddingBottom: '150%' }} />
</div>
);

6
src/components/TitleCard/index.tsx
View File

@@ -19,7 +19,7 @@ interface TitleCardProps {
userScore: number;
mediaType: MediaType;
status?: MediaStatus;
requestId?: number;
canExpand?: boolean;
}
const TitleCard: React.FC<TitleCardProps> = ({
@@ -30,7 +30,7 @@ const TitleCard: React.FC<TitleCardProps> = ({
title,
status,
mediaType,
requestId,
canExpand = false,
}) => {
const [isUpdating, setIsUpdating] = useState(false);
const [currentStatus, setCurrentStatus] = useState(status);
@@ -55,7 +55,7 @@ const TitleCard: React.FC<TitleCardProps> = ({
const closeModal = useCallback(() => setShowRequestModal(false), []);
return (
<div className="w-36 sm:w-36 md:w-44">
<div className={canExpand ? 'w-full' : 'w-36 sm:w-36 md:w-44'}>
<RequestModal
tmdbId={id}
show={showRequestModal}