diff --git a/src/base/components/buttons/CustomButton.tsx b/src/base/components/buttons/FlexWrapButton.tsx similarity index 92% rename from src/base/components/buttons/CustomButton.tsx rename to src/base/components/buttons/FlexWrapButton.tsx index 14dad6aa..cf136155 100644 --- a/src/base/components/buttons/CustomButton.tsx +++ b/src/base/components/buttons/FlexWrapButton.tsx @@ -10,7 +10,7 @@ import type { ButtonProps } from '@mui/material/Button'; import Button from '@mui/material/Button'; import Stack from '@mui/material/Stack'; -export const CustomButton = ({ +export const FlexWrapButton = ({ children, ...props }: ButtonProps) => ( diff --git a/src/features/manga/components/TrackMangaButton.tsx b/src/features/manga/components/TrackMangaButton.tsx index 24e0015d..b65186f8 100644 --- a/src/features/manga/components/TrackMangaButton.tsx +++ b/src/features/manga/components/TrackMangaButton.tsx @@ -17,7 +17,7 @@ import { requestManager } from '@/lib/requests/RequestManager.ts'; import { makeToast } from '@/base/utils/Toast.ts'; import { TrackManga } from '@/features/tracker/components/TrackManga.tsx'; import { Trackers } from '@/features/tracker/services/Trackers.ts'; -import { CustomButton } from '@/base/components/buttons/CustomButton.tsx'; +import { FlexWrapButton } from '@/base/components/buttons/FlexWrapButton.tsx'; import type { GetTrackersSettingsQuery } from '@/lib/graphql/generated/graphql.ts'; import { GET_TRACKERS_SETTINGS } from '@/lib/graphql/tracker/TrackerQuery.ts'; import type { MangaTitleInfo, MangaTrackRecordInfo } from '@/features/manga/Manga.types.ts'; @@ -55,7 +55,7 @@ export const TrackMangaButton = ({ manga }: { manga: MangaTrackRecordInfo & Mang {(popupState) => ( <> - + {popupState.isOpen && ( diff --git a/src/features/manga/components/details/MangaDetails.tsx b/src/features/manga/components/details/MangaDetails.tsx index 8dfff6ce..5bfb64ca 100644 --- a/src/features/manga/components/details/MangaDetails.tsx +++ b/src/features/manga/components/details/MangaDetails.tsx @@ -23,7 +23,7 @@ import { CustomTooltip } from '@/base/components/CustomTooltip.tsx'; import { makeToast } from '@/base/utils/Toast.ts'; import { Mangas } from '@/features/manga/services/Mangas.ts'; import { SpinnerImage } from '@/base/components/SpinnerImage.tsx'; -import { CustomButton } from '@/base/components/buttons/CustomButton.tsx'; +import { FlexWrapButton } from '@/base/components/buttons/FlexWrapButton.tsx'; import { TrackMangaButton } from '@/features/manga/components/TrackMangaButton.tsx'; import { useManageMangaLibraryState } from '@/features/manga/hooks/useManageMangaLibraryState.tsx'; import { Metadata as BaseMetadata } from '@/base/components/texts/Metadata.tsx'; @@ -284,14 +284,14 @@ export const MangaDetails = ({ - {manga.inLibrary ? : } {manga.inLibrary ? t`In Library` : t`Add To Library`} - +