@@ -117,7 +117,7 @@ export function Challenges({children, isRecipes}: ChallengesProps) {
117
117
'text-3xl mb-2 leading-10 relative' ,
118
118
isRecipes ? 'text-purple-50 dark:text-purple-30' : 'text-link'
119
119
) } >
120
- { isRecipes ? 'Try out some recipes ' : 'Try out some challenges ' }
120
+ { isRecipes ? 'レシピを試す ' : 'チャレンジ問題 ' }
121
121
</ H2 >
122
122
{ challenges . length > 1 && (
123
123
< Navigation
@@ -132,8 +132,8 @@ export function Challenges({children, isRecipes}: ChallengesProps) {
132
132
< div key = { activeChallenge } >
133
133
< h3 className = "text-xl text-primary dark:text-primary-dark mb-2" >
134
134
< div className = "font-bold block md:inline" >
135
- { isRecipes ? 'Recipe ' : 'Challenge ' } { currentChallenge ?. order } { ' ' }
136
- of { challenges . length }
135
+ { isRecipes ? 'レシピ ' : '問題 ' } { currentChallenge ?. order } /
136
+ { challenges . length }
137
137
< span className = "text-primary dark:text-primary-dark" > : </ span >
138
138
</ div >
139
139
{ currentChallenge ?. name }
@@ -145,14 +145,14 @@ export function Challenges({children, isRecipes}: ChallengesProps) {
145
145
< div >
146
146
< Button className = "mr-2" onClick = { toggleHint } active = { showHint } >
147
147
< IconHint className = "mr-1.5" /> { ' ' }
148
- { showHint ? 'Hide hint ' : 'Show hint ' }
148
+ { showHint ? 'ヒントを隠す ' : 'ヒントを見る ' }
149
149
</ Button >
150
150
< Button
151
151
className = "mr-2"
152
152
onClick = { toggleSolution }
153
153
active = { showSolution } >
154
154
< IconSolution className = "mr-1.5" /> { ' ' }
155
- { showSolution ? 'Hide solution ' : 'Show solution ' }
155
+ { showSolution ? '答えを隠す ' : '答えを見る ' }
156
156
</ Button >
157
157
</ div >
158
158
) : (
@@ -162,7 +162,7 @@ export function Challenges({children, isRecipes}: ChallengesProps) {
162
162
onClick = { toggleSolution }
163
163
active = { showSolution } >
164
164
< IconSolution className = "mr-1.5" /> { ' ' }
165
- { showSolution ? 'Hide solution ' : 'Show solution ' }
165
+ { showSolution ? '答えを隠す ' : '答えを見る ' }
166
166
</ Button >
167
167
)
168
168
) }
@@ -179,7 +179,7 @@ export function Challenges({children, isRecipes}: ChallengesProps) {
179
179
setShowSolution ( false ) ;
180
180
} }
181
181
active >
182
- Next { isRecipes ? 'Recipe ' : 'Challenge ' }
182
+ 次の { isRecipes ? 'レシピ ' : '問題 ' }
183
183
< IconArrowSmall
184
184
displayDirection = "right"
185
185
className = "block ml-1.5"
@@ -192,12 +192,12 @@ export function Challenges({children, isRecipes}: ChallengesProps) {
192
192
{ showSolution && (
193
193
< div className = "mt-6" >
194
194
< h3 className = "text-2xl font-bold text-primary dark:text-primary-dark" >
195
- Solution
195
+ 答え
196
196
</ h3 >
197
197
{ currentChallenge ?. solution }
198
198
< div className = "flex justify-between items-center mt-4" >
199
199
< Button onClick = { ( ) => setShowSolution ( false ) } >
200
- Close solution
200
+ 答えを隠す
201
201
</ Button >
202
202
{ nextChallenge && (
203
203
< Button
@@ -215,7 +215,7 @@ export function Challenges({children, isRecipes}: ChallengesProps) {
215
215
}
216
216
} }
217
217
active >
218
- Next Challenge
218
+ 次の問題
219
219
< IconArrowSmall
220
220
displayDirection = "right"
221
221
className = "block ml-1.5"
0 commit comments