Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-30 09:59:41 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: migrate to new flowbite-react

Browse source
This commit is contained in:
Kentai Radiquum 2025-04-04 00:29:19 +05:00
parent 8daab3b3c1
commit 329448c9fc
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
32 changed files with 650 additions and 344 deletions
Download patch file Download diff file Expand all files Collapse all files

10
app/components/ReleasePlayer/ReleasePlayer.tsx
View file

@ -3,7 +3,7 @@
import { Spinner } from "#/components/Spinner/Spinner";
import { useUserStore } from "#/store/auth";
import { useUserPlayerPreferencesStore } from "#/store/player";
import { Card, Dropdown, Button } from "flowbite-react";
import { Button, Card, Dropdown, DropdownItem } from "flowbite-react";
import { ENDPOINTS } from "#/api/config";
import { useState, useEffect } from "react";
import { Swiper, SwiperSlide } from "swiper/react";
@ -270,14 +270,14 @@ export const ReleasePlayer = (props: { id: number }) => {
theme={DropdownTheme}
>
{voiceoverInfo.map((voiceover: any) => (
<Dropdown.Item
<DropdownItem
key={`voiceover_${voiceover.id}`}
onClick={() =>
setSelectedVoiceoverAndSaveAsPreferred(voiceover)
}
>
{voiceover.name}
</Dropdown.Item>
</DropdownItem>
))}
</Dropdown>
<Dropdown
@ -286,12 +286,12 @@ export const ReleasePlayer = (props: { id: number }) => {
theme={DropdownTheme}
>
{sourcesInfo.map((source: any) => (
<Dropdown.Item
<DropdownItem
key={`source_${source.id}`}
onClick={() => setSelectedPlayerAndSaveAsPreferred(source)}
>
{source.name}
</Dropdown.Item>
</DropdownItem>
))}
</Dropdown>
</div>

6
app/components/ReleasePlayer/SourceSelector.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { Dropdown } from "flowbite-react";
import { Dropdown, DropdownItem } from "flowbite-react";
import { numberDeclension } from "#/api/utils";
import { useUserPlayerPreferencesStore } from "#/store/player";
@ -55,7 +55,7 @@ export const SourceSelector = (props: {
)}
>
{props.availableSource.map((source: Source) => (
<Dropdown.Item
<DropdownItem
key={`source_${source.id}`}
onClick={() => {
playerPreferenceStore.setPreferredPlayer(
@ -69,7 +69,7 @@ export const SourceSelector = (props: {
}}
>
<DropdownItem {...source} />
</Dropdown.Item>
</DropdownItem>
))}
</Dropdown>
);

10
app/components/ReleasePlayer/VoiceoverSelector.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { Dropdown } from "flowbite-react";
import { Dropdown, DropdownItem } from "flowbite-react";
import { numberDeclension } from "#/api/utils";
import { useUserPlayerPreferencesStore } from "#/store/player";
@ -26,7 +26,7 @@ const DropdownTrigger = ({ icon, name, pinned }: Voiceover) => {
);
};
const DropdownItem = ({
const DropdownItemInternal = ({
icon,
name,
pinned,
@ -80,7 +80,7 @@ export const VoiceoverSelector = (props: {
)}
>
{props.availableVoiceover.map((voiceover: Voiceover) => (
<Dropdown.Item
<DropdownItem
className="w-fit"
key={`voiceover_${voiceover.id}`}
onClick={() => {
@ -94,8 +94,8 @@ export const VoiceoverSelector = (props: {
});
}}
>
<DropdownItem {...voiceover} />
</Dropdown.Item>
<DropdownItemInternal {...voiceover} />
</DropdownItem>
))}
</Dropdown>
);