From badd66daafd60a35226668aea874845b24413bef Mon Sep 17 00:00:00 2001 From: AzenKain Date: Tue, 19 Aug 2025 09:46:57 +0700 Subject: [PATCH] update relic bar --- messages/cn.json | 5 +- messages/en.json | 7 +- messages/ja.json | 5 +- messages/ko.json | 5 +- messages/vi.json | 13 ++- messages/zh.json | 5 +- src/components/importBar/copy.tsx | 2 +- src/components/relicBar/index.tsx | 178 ++++++++++++++++++------------ 8 files changed, 136 insertions(+), 84 deletions(-) diff --git a/messages/cn.json b/messages/cn.json index 64cf7b4..3c6643b 100644 --- a/messages/cn.json +++ b/messages/cn.json @@ -242,6 +242,9 @@ "hardMode": "困难模式", "selectPEAKEvent": "选择 PEAK 事件", "mode": "模式", - "selectMode": "选择模式" + "selectMode": "选择模式", + "rollBack": "回到之前的状态", + "upRoll": "增加副属性", + "downRoll": "减少副属性" } } \ No newline at end of file diff --git a/messages/en.json b/messages/en.json index e4f5f2d..07eb385 100644 --- a/messages/en.json +++ b/messages/en.json @@ -243,7 +243,10 @@ "hardMode": "Hard Mode", "selectPEAKEvent": "Select PEAK Event", "mode": "Mode", - "selectMode": "Select a mode" - + "selectMode": "Select a mode", + "rollBack": "Roll Back", + "upRoll": "Up Roll", + "downRoll": "Down Roll" + } } \ No newline at end of file diff --git a/messages/ja.json b/messages/ja.json index 5b7238a..78f32a0 100644 --- a/messages/ja.json +++ b/messages/ja.json @@ -242,6 +242,9 @@ "hardMode": "困難モード", "selectPEAKEvent": "PEAK イベントを選択", "mode": "モード", - "selectMode": "モードを選択" + "selectMode": "モードを選択", + "rollBack": "前の状態に戻る", + "upRoll": "サブステータスを増やす", + "downRoll": "サブステータスを減らす" } } \ No newline at end of file diff --git a/messages/ko.json b/messages/ko.json index 3ccfbff..0a70cad 100644 --- a/messages/ko.json +++ b/messages/ko.json @@ -242,6 +242,9 @@ "hardMode": "어려움 모드", "selectPEAKEvent": "PEAK 이벤트 선택", "mode": "모드", - "selectMode": "모드를 선택" + "selectMode": "모드를 선택", + "rollBack": "이전 상태로 되돌리기", + "upRoll": "부옵션 추가", + "downRoll": "부옵션 감소" } } diff --git a/messages/vi.json b/messages/vi.json index 9133397..046f36b 100644 --- a/messages/vi.json +++ b/messages/vi.json @@ -163,15 +163,15 @@ "set": "Bộ", "pleaseSelectASet": "Vui lòng chọn một bộ", "effectBonus": "Hiệu ứng cộng thêm", - "totalRoll": "Tổng lượt lăn", + "totalRoll": "Tổng số dòng", "randomizeStats": "Ngẫu nhiên chỉ số", - "randomizeRolls": "Ngẫu nhiên lượt lăn", + "randomizeRolls": "Ngẫu nhiên số dòng", "selectASubStat": "Chọn chỉ số phụ", "selectASet": "Chọn một bộ", "selectAMainStat": "Chọn chỉ số chính", "save": "Lưu", - "reset": "Đặt lại", - "roll": "Sô lượt", + "reset": "Đặt lại toàn bộ", + "roll": "Số dòng", "step": "Bước nhảy", "memoryOfChaos": "Hồi ức hỗn độn", "pureFiction": "Kể chuyện hư cấu", @@ -242,6 +242,9 @@ "hardMode": "Chế độ khó", "selectPEAKEvent": "Chọn sự kiện", "mode": "Chế độ", - "selectMode": "Chọn chế độ" + "selectMode": "Chọn chế độ", + "rollBack": "Quay lại bước trước", + "upRoll": "Tăng dòng", + "downRoll": "Giảm dòng" } } \ No newline at end of file diff --git a/messages/zh.json b/messages/zh.json index 01998e1..b423533 100644 --- a/messages/zh.json +++ b/messages/zh.json @@ -242,6 +242,9 @@ "hardMode": "困难模式", "selectPEAKEvent": "选择 PEAK 事件", "mode": "模式", - "selectMode": "选择模式" + "selectMode": "选择模式", + "rollBack": "回到之前的状态", + "upRoll": "增加副属性", + "downRoll": "减少副属性" } } \ No newline at end of file diff --git a/src/components/importBar/copy.tsx b/src/components/importBar/copy.tsx index a1cc1c9..e11117a 100644 --- a/src/components/importBar/copy.tsx +++ b/src/components/importBar/copy.tsx @@ -74,7 +74,7 @@ export default function CopyImport() { } setMessage({ type: "success", - text: transI18n("selectedAll") + text: transI18n("selectAll") }) }; diff --git a/src/components/relicBar/index.tsx b/src/components/relicBar/index.tsx index 714d3df..ce34709 100644 --- a/src/components/relicBar/index.tsx +++ b/src/components/relicBar/index.tsx @@ -13,6 +13,7 @@ import useRelicMakerStore from '@/stores/relicMakerStore'; import { toast } from 'react-toastify'; import { useTranslations } from 'next-intl'; import cloneDeep from 'lodash/cloneDeep' +import { ChevronDown, ChevronUp } from 'lucide-react'; export default function RelicMaker() { const { avatars, setAvatars } = useUserDataStore() @@ -344,85 +345,118 @@ export default function RelicMaker() { {listSelectedSubStats.map((v, index) => ( -
-
+
+
- {/* Stat Selection */} -
- ({ - value: key, - label: mappingStats[value.property].name + " " + mappingStats[value.property].unit, - imageUrl: mappingStats[value.property].icon - }))} - excludeSet={Object.entries(exSubAffixOptions).map(([key, value]) => ({ - value: key, - label: mappingStats[value.property].name + " " + mappingStats[value.property].unit, - imageUrl: mappingStats[value.property].icon - }))} - selectedCustomSet={v.affixId} - placeholder={transI18n("selectASubStat")} - setSelectedCustomSet={(key) => handleSubStatChange(key, index, 0, 0)} - /> -
+ {/* Stat Selection */} +
+ ({ + value: key, + label: mappingStats[value.property].name + " " + mappingStats[value.property].unit, + imageUrl: mappingStats[value.property].icon + }))} + excludeSet={Object.entries(exSubAffixOptions).map(([key, value]) => ({ + value: key, + label: mappingStats[value.property].name + " " + mappingStats[value.property].unit, + imageUrl: mappingStats[value.property].icon + }))} + selectedCustomSet={v.affixId} + placeholder={transI18n("selectASubStat")} + setSelectedCustomSet={(key) => handleSubStatChange(key, index, 0, 0)} + /> +
- {/* Current Value */} -
- +{ } -
{calcAffixBonus(subAffixOptions[v.affixId], v.stepCount, v.rollCount)}{mappingStats?.[subAffixOptions[v.affixId]?.property]?.unit || ""}
-
+ {/* Current Value */} +
+ +{ } +
{calcAffixBonus(subAffixOptions[v.affixId], v.stepCount, v.rollCount)}{mappingStats?.[subAffixOptions[v.affixId]?.property]?.unit || ""}
+
- {/* Roll Values */} -
- - - -
+ {/* Up Roll Values */} +
+
+ + {transI18n("upRoll")} +
+
+ + + +
+
- {/* Reset Button & Roll Info */} -
-
-
- - -
+ {/* Down Roll Values */} +
+
+ + {transI18n("downRoll")} +
+
+ + + +
+
-
- {transI18n("roll")}: {v.rollCount} - {transI18n("step")}: {v.stepCount} -
-
+ {/* Reset Button & Roll Info */} +
+
+
+ + +
-
+
+ {transI18n("roll")}: {v.rollCount} + {transI18n("step")}: {v.stepCount} +
+
+
-
-
- ))} +
+
+))}