diff --git a/components/CharacterModal/index.scss b/components/CharacterModal/index.scss index 4a4ea5ee..98944c83 100644 --- a/components/CharacterModal/index.scss +++ b/components/CharacterModal/index.scss @@ -15,6 +15,16 @@ flex-direction: column; gap: $unit-half; + &.inline { + align-items: center; + flex-direction: row; + justify-content: space-between; + + h3 { + margin: 0; + } + } + h3 { color: $grey-55; font-size: $font-small; diff --git a/components/CharacterModal/index.tsx b/components/CharacterModal/index.tsx index e7e0ef0d..f6dde745 100644 --- a/components/CharacterModal/index.tsx +++ b/components/CharacterModal/index.tsx @@ -16,6 +16,7 @@ import Button from '~components/Button' import SelectWithInput from '~components/SelectWithInput' import AwakeningSelect from '~components/AwakeningSelect' import RingSelect from '~components/RingSelect' +import Switch from '~components/Switch' // Utilities import api from '~utils/api' @@ -233,7 +234,7 @@ const CharacterModal = ({ const awakeningSelect = () => { return (
-

{t('modals.weapon.subtitles.awakening')}

+

{t('modals.characters.subtitles.awakening')}

{ + return ( +
+

{t('modals.characters.subtitles.permanent')}

+ +
+ ) + } + return ( {children} @@ -275,6 +285,7 @@ const CharacterModal = ({
+ {perpetuitySwitch()} {ringSelect()} {earringSelect()} {awakeningSelect()} diff --git a/public/locales/en/common.json b/public/locales/en/common.json index 8229ee58..6e148886 100644 --- a/public/locales/en/common.json +++ b/public/locales/en/common.json @@ -142,6 +142,7 @@ "subtitles": { "ring": "Over Mastery", "earring": "Aetherial Mastery", + "permanent": "Permanent Mastery", "awakening": "Awakening" }, "messages": { diff --git a/public/locales/ja/common.json b/public/locales/ja/common.json index a1f2044b..7b4b2898 100644 --- a/public/locales/ja/common.json +++ b/public/locales/ja/common.json @@ -142,6 +142,7 @@ "subtitles": { "ring": "EXリミットボーナス", "earring": "エーテリアルプラス", + "permanent": "マスタリーボーナス", "awakening": "覚醒" }, "messages": {