fix: watch data not required to show Tautulli button (#2976)

This commit is contained in:
TheCatLady
2022-08-23 23:26:25 -07:00
committed by GitHub
parent 22360f3b87
commit dd28200040

View File

@@ -210,25 +210,28 @@ const ManageSlideOver = ({
{hasPermission(Permission.ADMIN) && {hasPermission(Permission.ADMIN) &&
(data.mediaInfo?.serviceUrl || (data.mediaInfo?.serviceUrl ||
data.mediaInfo?.tautulliUrl || data.mediaInfo?.tautulliUrl ||
!!watchData?.data?.playCount) && ( watchData?.data) && (
<> <>
<h3 className="mb-2 text-xl font-bold"> <h3 className="mb-2 text-xl font-bold">
{intl.formatMessage(messages.manageModalMedia)} {intl.formatMessage(messages.manageModalMedia)}
</h3> </h3>
<div className="space-y-2"> <div className="space-y-2">
{!!watchData?.data && ( {(watchData?.data || data.mediaInfo?.tautulliUrl) && (
<div> <div>
{!!watchData?.data && (
<div <div
className={`grid grid-cols-1 divide-y divide-gray-700 overflow-hidden border border-gray-700 text-sm text-gray-300 shadow ${ className={`grid grid-cols-1 divide-y divide-gray-700 overflow-hidden border-gray-700 text-sm text-gray-300 shadow ${
data.mediaInfo?.tautulliUrl data.mediaInfo?.tautulliUrl
? 'rounded-t-md' ? 'rounded-t-md border-x border-t'
: 'rounded-md' : 'rounded-md border'
}`} }`}
> >
<div className="grid grid-cols-3 divide-x divide-gray-700"> <div className="grid grid-cols-3 divide-x divide-gray-700">
<div className="px-4 py-3"> <div className="px-4 py-3">
<div className="font-bold"> <div className="font-bold">
{intl.formatMessage(messages.pastdays, { days: 7 })} {intl.formatMessage(messages.pastdays, {
days: 7,
})}
</div> </div>
<div className="text-white"> <div className="text-white">
{styledPlayCount(watchData.data.playCount7Days)} {styledPlayCount(watchData.data.playCount7Days)}
@@ -281,6 +284,7 @@ const ManageSlideOver = ({
</div> </div>
)} )}
</div> </div>
)}
{data.mediaInfo?.tautulliUrl && ( {data.mediaInfo?.tautulliUrl && (
<a <a
href={data.mediaInfo.tautulliUrl} href={data.mediaInfo.tautulliUrl}
@@ -290,7 +294,7 @@ const ManageSlideOver = ({
<Button <Button
buttonType="ghost" buttonType="ghost"
className={`w-full ${ className={`w-full ${
watchData.data.playCount ? 'rounded-t-none' : '' watchData?.data ? 'rounded-t-none' : ''
}`} }`}
> >
<ViewListIcon /> <ViewListIcon />
@@ -302,7 +306,7 @@ const ManageSlideOver = ({
)} )}
</div> </div>
)} )}
{data?.mediaInfo?.serviceUrl && ( {data.mediaInfo?.serviceUrl && (
<a <a
href={data?.mediaInfo?.serviceUrl} href={data?.mediaInfo?.serviceUrl}
target="_blank" target="_blank"
@@ -325,25 +329,28 @@ const ManageSlideOver = ({
{hasPermission(Permission.ADMIN) && {hasPermission(Permission.ADMIN) &&
(data.mediaInfo?.serviceUrl4k || (data.mediaInfo?.serviceUrl4k ||
data.mediaInfo?.tautulliUrl4k || data.mediaInfo?.tautulliUrl4k ||
!!watchData?.data4k?.playCount) && ( watchData?.data4k) && (
<div> <div>
<h3 className="mb-2 text-xl font-bold"> <h3 className="mb-2 text-xl font-bold">
{intl.formatMessage(messages.manageModalMedia4k)} {intl.formatMessage(messages.manageModalMedia4k)}
</h3> </h3>
<div className="space-y-2"> <div className="space-y-2">
{!!watchData?.data4k && ( {(watchData?.data4k || data.mediaInfo?.tautulliUrl4k) && (
<div> <div>
{watchData?.data4k && (
<div <div
className={`grid grid-cols-1 divide-y divide-gray-700 overflow-hidden border border-gray-700 text-sm text-gray-300 shadow ${ className={`grid grid-cols-1 divide-y divide-gray-700 overflow-hidden border-gray-700 text-sm text-gray-300 shadow ${
data.mediaInfo?.tautulliUrl4k data.mediaInfo?.tautulliUrl4k
? 'rounded-t-md' ? 'rounded-t-md border-x border-t'
: 'rounded-md' : 'rounded-md border'
}`} }`}
> >
<div className="grid grid-cols-3 divide-x divide-gray-700"> <div className="grid grid-cols-3 divide-x divide-gray-700">
<div className="px-4 py-3"> <div className="px-4 py-3">
<div className="font-bold"> <div className="font-bold">
{intl.formatMessage(messages.pastdays, { days: 7 })} {intl.formatMessage(messages.pastdays, {
days: 7,
})}
</div> </div>
<div className="text-white"> <div className="text-white">
{styledPlayCount(watchData.data4k.playCount7Days)} {styledPlayCount(watchData.data4k.playCount7Days)}
@@ -356,7 +363,9 @@ const ManageSlideOver = ({
})} })}
</div> </div>
<div className="text-white"> <div className="text-white">
{styledPlayCount(watchData.data4k.playCount30Days)} {styledPlayCount(
watchData.data4k.playCount30Days
)}
</div> </div>
</div> </div>
<div className="px-4 py-3"> <div className="px-4 py-3">
@@ -396,6 +405,7 @@ const ManageSlideOver = ({
</div> </div>
)} )}
</div> </div>
)}
{data.mediaInfo?.tautulliUrl4k && ( {data.mediaInfo?.tautulliUrl4k && (
<a <a
href={data.mediaInfo.tautulliUrl4k} href={data.mediaInfo.tautulliUrl4k}
@@ -405,7 +415,7 @@ const ManageSlideOver = ({
<Button <Button
buttonType="ghost" buttonType="ghost"
className={`w-full ${ className={`w-full ${
watchData.data4k.playCount ? 'rounded-t-none' : '' watchData?.data4k ? 'rounded-t-none' : ''
}`} }`}
> >
<ViewListIcon /> <ViewListIcon />