feat: bouton Voir tout sur quêtes combat — plus de quêtes cachées derrière les grosses
All checks were successful
CI/CD — Build & Deploy / Build & Deploy (push) Successful in 33s
All checks were successful
CI/CD — Build & Deploy / Build & Deploy (push) Successful in 33s
This commit is contained in:
@@ -228,9 +228,9 @@ export function QuestPage() {
|
||||
const availableCraft = availableAll.filter((q: any) => !q.repeatable && isCraftQuest(q));
|
||||
const availableDaily = availableAll.filter((q: any) => q.repeatable);
|
||||
|
||||
// Stagger: show max 3 combat quests at a time
|
||||
const shownCombat = availableCombat.slice(0, 3);
|
||||
const hiddenCount = availableCombat.length - shownCombat.length;
|
||||
const [showAllCombat, setShowAllCombat] = useState(false);
|
||||
const shownCombat = showAllCombat ? availableCombat : availableCombat.slice(0, 3);
|
||||
const hiddenCount = availableCombat.length - 3;
|
||||
|
||||
return (
|
||||
<div>
|
||||
@@ -262,9 +262,13 @@ export function QuestPage() {
|
||||
<div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
|
||||
{shownCombat.map((q: any) => <QuestCard key={q.id} pq={q} mode="available" />)}
|
||||
{hiddenCount > 0 && (
|
||||
<div style={{ textAlign: 'center', fontSize: 11, color: '#6b7a99', padding: 4 }}>
|
||||
+{hiddenCount} quête{hiddenCount > 1 ? 's' : ''} supplémentaire{hiddenCount > 1 ? 's' : ''} après celles-ci
|
||||
</div>
|
||||
<button
|
||||
className="btn btn-ghost"
|
||||
style={{ width: '100%', fontSize: 11, padding: '0.3rem', marginTop: 2 }}
|
||||
onClick={() => setShowAllCombat(!showAllCombat)}
|
||||
>
|
||||
{showAllCombat ? 'Réduire' : `Voir tout (+${hiddenCount} quête${hiddenCount > 1 ? 's' : ''})`}
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
) : (
|
||||
|
||||
Reference in New Issue
Block a user