ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace missed occurrences with "ListCardContent"

Browse Source
This commit is contained in:
schroda
2025-05-03 11:56:09 +02:00
parent c24d7ca2ef
commit 736e556ccd
4 changed files with 12 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/modules/category/components/CategorySettingsCard.tsx
View File

@@ -13,12 +13,12 @@ import DeleteIcon from '@mui/icons-material/Delete';
import { useTranslation } from 'react-i18next';
import Box from '@mui/material/Box';
import Card from '@mui/material/Card';
import CardContent from '@mui/material/CardContent';
import Stack from '@mui/material/Stack';
import Typography from '@mui/material/Typography';
import { CustomTooltip } from '@/modules/core/components/CustomTooltip.tsx';
import { requestManager } from '@/lib/requests/RequestManager.ts';
import { CategoryType } from '@/lib/graphql/generated/graphql.ts';
import { ListCardContent } from '@/modules/core/components/cards/list/ListCardContent.tsx';
export const CategorySettingsCard = ({
category,
@@ -36,18 +36,7 @@ export const CategorySettingsCard = ({
return (
<Box sx={{ p: 1, pb: 0 }}>
<Card>
<CardContent
sx={{
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
padding: 1.5,
'&:last-child': {
paddingBottom: 1.5,
},
gap: 2,
}}
>
<ListCardContent sx={{ gap: 2 }}>
<DragHandleIcon />
<Typography sx={{ flexGrow: 1 }} variant="h6" component="h2">
{category.name}
@@ -64,7 +53,7 @@ export const CategorySettingsCard = ({
</IconButton>
</CustomTooltip>
</Stack>
</CardContent>
</ListCardContent>
</Card>
</Box>
);

14
src/modules/chapter/components/cards/ChapterCard.tsx
View File

@@ -12,7 +12,6 @@ import CardActionArea from '@mui/material/CardActionArea';
import Checkbox from '@mui/material/Checkbox';
import Stack from '@mui/material/Stack';
import Card from '@mui/material/Card';
import CardContent from '@mui/material/CardContent';
import IconButton from '@mui/material/IconButton';
import { useTheme } from '@mui/material/styles';
import React, { memo, MouseEvent, TouchEvent, useRef } from 'react';
@@ -39,6 +38,7 @@ import {
import { applyStyles } from '@/modules/core/utils/ApplyStyles.ts';
import { ChapterCardMetadata } from '@/modules/chapter/components/cards/ChapterCardMetadata.tsx';
import { MUIUtil } from '@/lib/mui/MUI.util.ts';
import { ListCardContent } from '@/modules/core/components/cards/list/ListCardContent.tsx';
type TChapter = ChapterIdInfo &
ChapterMangaInfo &
@@ -129,15 +129,7 @@ export const ChapterCard = memo((props: IProps) => {
onClick={(e) => handleClick(e)}
{...longPressBind(popupState.open)}
>
<CardContent
sx={{
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
padding: 1.5,
'&:last-child': { pb: 1.5 },
}}
>
<ListCardContent>
<ChapterCardMetadata
title={
showChapterNumber
@@ -210,7 +202,7 @@ export const ChapterCard = memo((props: IProps) => {
</CustomTooltip>
)}
</Stack>
</CardContent>
</ListCardContent>
</CardActionArea>
</Card>
{!isSelecting && popupState.isOpen && (

3
src/modules/core/components/cards/list/ListCardContent.tsx
View File

@@ -16,6 +16,9 @@ export const ListCardContent = ({ children, ...props }: CardContentProps) => (
alignItems: 'center',
gap: 1,
p: 1.5,
'&:last-child': {
paddingBottom: 1.5,
},
...props.sx,
}}
>

16
src/modules/extension/components/ExtensionOptions.tsx
View File

@@ -9,7 +9,6 @@
import Box from '@mui/material/Box';
import { useTranslation } from 'react-i18next';
import Card from '@mui/material/Card';
import CardContent from '@mui/material/CardContent';
import Typography from '@mui/material/Typography';
import IconButton from '@mui/material/IconButton';
import SettingsIcon from '@mui/icons-material/Settings';
@@ -29,6 +28,7 @@ import { translateExtensionLanguage } from '@/modules/extension/Extensions.utils
import { StyledGroupItemWrapper } from '@/modules/core/components/virtuoso/StyledGroupItemWrapper.tsx';
import { TExtension } from '@/modules/extension/Extensions.types.ts';
import { Sources } from '@/modules/source/services/Sources.ts';
import { ListCardContent } from '@/modules/core/components/cards/list/ListCardContent.tsx';
interface IExtensionOptions {
extensionId: TExtension['pkgName'] | undefined;
@@ -73,17 +73,7 @@ export function ExtensionOptions({ extensionId, closeDialog }: IExtensionOptions
{relevantSources?.map((source) => (
<StyledGroupItemWrapper key={source.id} sx={{ px: 0 }}>
<Card>
<CardContent
sx={{
display: 'flex',
alignItems: 'center',
gap: 1,
p: 1.5,
'&:last-child': {
paddingBottom: 1.5,
},
}}
>
<ListCardContent>
<Typography variant="h6" component="h3" sx={{ flexGrow: 1 }}>
{translateExtensionLanguage(Sources.getLanguage(source))}
</Typography>
@@ -101,7 +91,7 @@ export function ExtensionOptions({ extensionId, closeDialog }: IExtensionOptions
</IconButton>
</CustomTooltip>
)}
</CardContent>
</ListCardContent>
</Card>
</StyledGroupItemWrapper>
))}