Hymmel/BaseTracker
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

REEEEEEEEEE

Browse source
This commit is contained in:
Hymmel 2025-10-15 14:27:40 +02:00
parent 88403c1017
commit 59c8656328
1 changed files with 37 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
frontend/app/page.tsx
View file

@ -1114,8 +1114,9 @@ function summarizeProfileDefenses(defenses: ProfileDefense[]): Summary {
</p> </p>
</form> </form>
<div className="subsection"> <div className="subsection">
<h3>Existing Categories</h3> <details>
<ul className="list compact"> <summary><h3>Existing Categories</h3></summary>
<ul className="list compact">
{categories.length ? ( {categories.length ? (
categories.map((category) => ( categories.map((category) => (
<li key={category.id} className="list-item"> <li key={category.id} className="list-item">
@ -1198,8 +1199,9 @@ function summarizeProfileDefenses(defenses: ProfileDefense[]): Summary {
</p> </p>
</form> </form>
<div className="subsection"> <div className="subsection">
<h3>Manage Bases</h3> <details>
<ul className="list compact"> <summary><h3>Manage Bases</h3></summary>
<ul className="list compact">
{bases.length ? ( {bases.length ? (
bases.map((base) => ( bases.map((base) => (
<li key={base.id} className="list-item"> <li key={base.id} className="list-item">
@ -1391,8 +1393,9 @@ function summarizeProfileDefenses(defenses: ProfileDefense[]): Summary {
</p> </p>
</form> </form>
<div className="subsection"> <div className="subsection">
<h3>Manage Attacks</h3> <details>
<ul className="list compact"> <summary><h3>Manage Attacks</h3></summary>
<ul className="list compact">
{defenses.length ? ( {defenses.length ? (
defenses.slice(0, 10).map((defense) => { defenses.slice(0, 10).map((defense) => {
const categoryName = const categoryName =
@ -1704,8 +1707,9 @@ function summarizeProfileDefenses(defenses: ProfileDefense[]): Summary {
</div> </div>
</div> </div>
<div className="card"> <div className="card">
<h3>Army Categories vs This Base</h3> <details open>
<ul id="base-detail-categories" className="list"> <summary><h3>Army Categories vs This Base</h3></summary>
<ul id="base-detail-categories" className="list">
{baseDetail && baseDetail.categories.length ? ( {baseDetail && baseDetail.categories.length ? (
baseDetail.categories.map((category) => ( baseDetail.categories.map((category) => (
<li <li
@ -1769,8 +1773,9 @@ function summarizeProfileDefenses(defenses: ProfileDefense[]): Summary {
</details> </details>
</div> </div>
<div className="card"> <div className="card">
<h3>Defenses</h3> <details open>
<ul id="base-detail-defenses" className="list"> <summary><h3>Defenses</h3></summary>
<ul id="base-detail-defenses" className="list">
{defenses.filter((defense) => defense.baseId === selectedBaseId).length ? ( {defenses.filter((defense) => defense.baseId === selectedBaseId).length ? (
defenses defenses
.filter((defense) => defense.baseId === selectedBaseId) .filter((defense) => defense.baseId === selectedBaseId)
@ -1892,7 +1897,7 @@ function summarizeProfileDefenses(defenses: ProfileDefense[]): Summary {
<div className="defense-header"> <div className="defense-header">
<span>{new Date(reset.date).toLocaleDateString()}</span> <span>{new Date(reset.date).toLocaleDateString()}</span>
<div className="defense-meta"> <div className="defense-meta">
<span>{reset.trophiesAtStart} trophies at start</span> <span>{reset.trophiesAtStart} trophies </span>
<span>{formatTrophies(reset.trophiesLost)} lost</span> <span>{formatTrophies(reset.trophiesLost)} lost</span>
<span>{reset.numberOfDefenses} defenses</span> <span>{reset.numberOfDefenses} defenses</span>
</div> </div>
@ -1906,26 +1911,28 @@ function summarizeProfileDefenses(defenses: ProfileDefense[]): Summary {
</details> </details>
</div> </div>
<div className="card"> <div className="card">
<h3>Defenses</h3> <details>
<ul className="list"> <summary><h3>Defenses</h3></summary>
{profileSelectedBase.defenses.length ? ( <ul className="list">
profileSelectedBase.defenses.map((defense) => ( {profileSelectedBase.defenses.length ? (
<li key={defense.id} className="list-item"> profileSelectedBase.defenses.map((defense) => (
<div className="defense-header"> <li key={defense.id} className="list-item">
<strong>{defense.armyCategoryName || '(No category)'}</strong> <div className="defense-header">
<div> <strong>{defense.armyCategoryName || '(No category)'}</strong>
<strong>{defense.stars}★</strong> • {defense.percent}% • {formatTrophies(defense.trophies)} <div>
<strong>{defense.stars}★</strong> • {defense.percent}% • {formatTrophies(defense.trophies)}
</div>
</div> </div>
</div> <div className="defense-meta">
<div className="defense-meta"> <span>{new Date(defense.createdAt).toLocaleString()}</span>
<span>{new Date(defense.createdAt).toLocaleString()}</span> </div>
</div> </li>
</li> ))
)) ) : (
) : ( <li>No defenses recorded yet.</li>
<li>No defenses recorded yet.</li> )}
)} </ul>
</ul> </details>
</div> </div>
</> </>
) : ( ) : (