39 lines
1.5 KiB
TypeScript
39 lines
1.5 KiB
TypeScript
|
/*
|
||
|
|
* Copyright (C) Contributors to the Suwayomi project
|
||
|
|
*
|
||
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
||
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||
|
|
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
|
||
|
|
*/
|
||
|
|
|
||
|
|
import Card from '@mui/material/Card';
|
||
|
|
import CardContent from '@mui/material/CardContent';
|
||
|
|
import Avatar from '@mui/material/Avatar';
|
||
|
|
import Button from '@mui/material/Button';
|
||
|
|
import { useTranslation } from 'react-i18next';
|
||
|
|
import { Stack } from '@mui/material';
|
||
|
|
import { requestManager } from '@/lib/requests/RequestManager.ts';
|
||
|
|
import { TBaseTracker } from '@/lib/data/Trackers.ts';
|
||
|
|
|
||
|
|
export const TrackerUntrackedCard = ({ tracker, onClick }: { tracker: TBaseTracker; onClick: () => void }) => {
|
||
|
|
const { t } = useTranslation();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Card sx={{ backgroundColor: 'transparent', boxShadow: 'unset', backgroundImage: 'unset' }}>
|
||
|
|
<CardContent sx={{ padding: '0' }}>
|
||
|
|
<Stack direction="row" gap="25px">
|
||
|
|
<Avatar
|
||
|
|
alt={`${tracker.name}`}
|
||
|
|
src={requestManager.getValidImgUrlFor(tracker.icon)}
|
||
|
|
variant="rounded"
|
||
|
|
sx={{ width: 64, height: 64 }}
|
||
|
|
/>
|
||
|
|
<Button sx={{ flexGrow: '1' }} onClick={onClick}>
|
||
|
|
{t('tracking.action.button.add_tracking')}
|
||
|
|
</Button>
|
||
|
|
</Stack>
|
||
|
|
</CardContent>
|
||
|
|
</Card>
|
||
|
|
);
|
||
|
|
};
|