Firefly-Shelter/Firefly_Srtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UPDATE: New data 4.1.5
All checks were successful
Gitea Auto Deploy / Deploy-Container (push) Successful in 45s
Details

Browse Source
This commit is contained in:
Azen Kain
2026-03-17 19:32:21 +07:00
parent 8a497faaf7
commit 8b79c3bb12
29 changed files with 126 additions and 766 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/card/characterCard.tsx
View File

@@ -22,7 +22,7 @@ export default function CharacterCard({ data }: CharacterCardProps) {
className="z-10 flex flex-col items-center rounded-xl shadow-xl
bg-linear-to-br from-base-300 via-base-100 to-warning/70
transform transition-transform duration-300 ease-in-out
hover:scale-105 cursor-pointer min-h-45 sm:min-h-45 md:min-h-52.5 lg:min-h-55 xl:min-h-60 2xl:min-h-85"
hover:scale-105 cursor-pointer min-h-45 sm:min-h-45 md:min-h-52.5 lg:min-h-55 xl:min-h-60 2xl:min-h-65"
>
<div
className={`w-full rounded-md bg-linear-to-br ${data.Rarity === "CombatPowerAvatarRarityType5"

22
src/components/eidolonsInfo/index.tsx
View File

@@ -65,6 +65,28 @@ export default function EidolonsInfo() {
</div>
<div className="text-sm font-normal">
<div dangerouslySetInnerHTML={{ __html: replaceByParam(getLocaleName(locale, rank.Desc), rank.Param) }} />
{Object.values(rank?.Extra || {}).map((extra) => (
<div
key={extra.ID}
className="mt-3 pl-3 border-l-2 border-primary/30 bg-primary/5 py-2 rounded-r-sm"
>
<div className="flex items-center gap-2 mb-1">
<span className="text-[10px] uppercase font-bold bg-primary/50 px-1.5 py-0.5 rounded">
Extra Effect
</span>
<span className="text-sm font-semibold text-primary/80">
{getLocaleName(locale, extra.Name)}
</span>
</div>
<div
className="text-sm leading-relaxed opacity-90"
dangerouslySetInnerHTML={{
__html: replaceByParam(getLocaleName(locale, extra.Desc), extra.Param)
}}
/>
</div>
))}
</div>
</div>
))}

2
src/components/quickView/index.tsx
View File

@@ -404,7 +404,7 @@ export default function QuickView() {
<div key={index} className="flex flex-row items-center justify-between">
<div className="flex flex-row items-center">
<NextImage
src={stat?.icon || ""}
src={`${process.env.CDN_URL}/${stat?.icon}`}
unoptimized
crossOrigin="anonymous"
alt="Stat Icon"

2
src/components/relicBar/index.tsx
View File

@@ -245,7 +245,7 @@ export default function RelicMaker() {
{transI18n("relicMaker")}
</h3>
</div>
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-7xl mx-auto">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-7xl">
{/* Left Panel */}
<div className="space-y-6">

4
src/components/relicsInfo/index.tsx
View File

@@ -173,7 +173,7 @@ export default function RelicsInfo() {
return (
<div className="max-h-[77vh] min-h-[50vh] overflow-y-scroll overflow-x-hidden">
<div className="max-w-7xl mx-auto">
<div className="max-w-7xl">
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
{/* Left Section - Items Grid */}
@@ -184,7 +184,7 @@ export default function RelicsInfo() {
{transI18n("relics")}
</h2>
<div className="grid grid-cols-2 md:grid-cols-3 gap-6 max-w-2xl mx-auto">
<div className="grid grid-cols-2 md:grid-cols-3 gap-6 max-w-2xl">
{["1", "2", "3", "4", "5", "6"].map((item, index) => (
<div key={index} className="relative group">
<div

2
src/components/showcaseCard/index.tsx
View File

@@ -660,7 +660,7 @@ export default function ShowCaseInfo() {
</div>
</div>
<div className="relative flex h-56.25 w-auto flex-row items-center">
<div className="relative flex h-56.25 flex-row items-center">
{avatarSelected && (
<div className="absolute inset-0 flex items-center justify-center">
<NextImage

17
src/components/skillsInfo/index.tsx
View File

@@ -11,6 +11,7 @@ import { mappingStats } from "@/constant/constant";
import { toast } from "react-toastify";
import useCurrentDataStore from "@/stores/currentDataStore";
import { StatusAdd } from '@/types/avatarDetail';
import { SkillDescription } from "./skillDescription";
export default function SkillsInfo() {
const transI18n = useTranslations("DataPage")
@@ -364,17 +365,11 @@ export default function SkillsInfo() {
{` (${transI18n(skill?.SkillEffect?.toLowerCase())})`}
</div>
<div className="text-lg font-bold" dangerouslySetInnerHTML={{ __html: replaceByParam(getLocaleName(locale, skill.Name), []) }}>
</div>
<div
dangerouslySetInnerHTML={{
__html: replaceByParam(
getLocaleName(locale, skill.Desc),
skill.Level[avatarData?.data.skills?.[skillInfo?.PointID]?.toString() || ""]?.Param || []
)
}}
<SkillDescription
skill={skill}
locale={locale}
avatarData={avatarData}
skillInfo={skillInfo}
/>
</div>
))}

59
src/components/skillsInfo/skillDescription.tsx Normal file
View File

@@ -0,0 +1,59 @@
import { getLocaleName, replaceByParam } from "@/helper";
import { AvatarStore, SkillDetail, SkillTreePoint } from "@/types";
export const SkillDescription = ({ skill, locale, avatarData, skillInfo }: {
skill: SkillDetail,
locale: string,
avatarData: AvatarStore,
skillInfo: SkillTreePoint
}) => {
const levelKey = avatarData?.data.skills?.[skillInfo?.PointID]?.toString() || "";
const params = skill.Level[levelKey]?.Param || [];
const descHtml = getLocaleName(locale, skill.Desc) || getLocaleName(locale, skill.SimpleDesc);
const extraList = Object.values(skill.Extra).length > 0
? Object.values(skill.Extra)
: Object.values(skill?.SimpleExtra || {});
return (
<div className="flex flex-col gap-2">
<div className="space-y-2 pb-2">
<div className="flex items-center gap-2">
<div className="w-1 h-5 bg-primary/80 rounded-sm" />
<div
className="text-lg font-bold tracking-wide text-foreground uppercase"
dangerouslySetInnerHTML={{ __html: replaceByParam(getLocaleName(locale, skill.Name), []) }}
/>
</div>
<div
className="text-[15px] leading-relaxed text-foreground/90 pl-3 border-l border-transparent"
dangerouslySetInnerHTML={{ __html: replaceByParam(descHtml, params) }}
/>
</div>
{extraList.map((extra) => (
<div
key={extra.ID}
className="mt-3 pl-3 border-l-2 border-primary/30 bg-primary/5 py-2 rounded-r-sm"
>
<div className="flex items-center gap-2 mb-1">
<span className="text-[10px] uppercase font-bold bg-primary/50 px-1.5 py-0.5 rounded">
Extra Effect
</span>
<span className="text-sm font-semibold text-primary/80">
{getLocaleName(locale, extra.Name)}
</span>
</div>
<div
className="text-sm leading-relaxed opacity-90"
dangerouslySetInnerHTML={{
__html: replaceByParam(getLocaleName(locale, extra.Desc), extra.Param)
}}
/>
</div>
))}
</div>
);
};