shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): apply pointer cursor style for clickable status badges (#1632)

Browse Source
This commit is contained in:
TheCatLady
2021-05-13 07:44:08 -04:00
committed by GitHub
parent b0fd29e33e
commit 6968caa35a
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/StatusBadge/index.tsx
View File

@@ -1,9 +1,9 @@
import React from 'react'; import React from 'react';
import { MediaStatus } from '../../../server/constants/media';
import Badge from '../Common/Badge';
import { defineMessages, useIntl } from 'react-intl'; import { defineMessages, useIntl } from 'react-intl';
import globalMessages from '../../i18n/globalMessages'; import { MediaStatus } from '../../../server/constants/media';
import Spinner from '../../assets/spinner.svg'; import Spinner from '../../assets/spinner.svg';
import globalMessages from '../../i18n/globalMessages';
import Badge from '../Common/Badge';
const messages = defineMessages({ const messages = defineMessages({
status4k: '4K {status}', status4k: '4K {status}',
@@ -34,7 +34,7 @@ const StatusBadge: React.FC<StatusBadgeProps> = ({
<a href={plexUrl4k} target="_blank" rel="noopener noreferrer"> <a href={plexUrl4k} target="_blank" rel="noopener noreferrer">
<Badge <Badge
badgeType="success" badgeType="success"
className="transition cursor-pointer hover:bg-green-400" className="transition !cursor-pointer hover:bg-green-400"
> >
{intl.formatMessage(messages.status4k, { {intl.formatMessage(messages.status4k, {
status: intl.formatMessage(globalMessages.available), status: intl.formatMessage(globalMessages.available),
@@ -57,7 +57,7 @@ const StatusBadge: React.FC<StatusBadgeProps> = ({
<a href={plexUrl4k} target="_blank" rel="noopener noreferrer"> <a href={plexUrl4k} target="_blank" rel="noopener noreferrer">
<Badge <Badge
badgeType="success" badgeType="success"
className="transition cursor-pointer hover:bg-green-400" className="transition !cursor-pointer hover:bg-green-400"
> >
{intl.formatMessage(messages.status4k, { {intl.formatMessage(messages.status4k, {
status: intl.formatMessage(globalMessages.partiallyavailable), status: intl.formatMessage(globalMessages.partiallyavailable),
@@ -109,7 +109,7 @@ const StatusBadge: React.FC<StatusBadgeProps> = ({
<a href={plexUrl} target="_blank" rel="noopener noreferrer"> <a href={plexUrl} target="_blank" rel="noopener noreferrer">
<Badge <Badge
badgeType="success" badgeType="success"
className="transition cursor-pointer hover:bg-green-400" className="transition !cursor-pointer hover:bg-green-400"
> >
<div className="flex items-center"> <div className="flex items-center">
<span>{intl.formatMessage(globalMessages.available)}</span> <span>{intl.formatMessage(globalMessages.available)}</span>
@@ -134,7 +134,7 @@ const StatusBadge: React.FC<StatusBadgeProps> = ({
<a href={plexUrl} target="_blank" rel="noopener noreferrer"> <a href={plexUrl} target="_blank" rel="noopener noreferrer">
<Badge <Badge
badgeType="success" badgeType="success"
className="transition cursor-pointer hover:bg-green-400" className="transition !cursor-pointer hover:bg-green-400"
> >
<div className="flex items-center"> <div className="flex items-center">
<span> <span>