|
|
@ -18,6 +18,7 @@ export default function Home({
|
|
|
|
{tactics.map(tactic => (
|
|
|
|
{tactics.map(tactic => (
|
|
|
|
<div>{tactic.name}</div>
|
|
|
|
<div>{tactic.name}</div>
|
|
|
|
))}
|
|
|
|
))}
|
|
|
|
|
|
|
|
<Body tactics={tactics}/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -32,11 +33,12 @@ export function Title() {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export function Body() {
|
|
|
|
|
|
|
|
|
|
|
|
export function Body({tactics} : {tactics : Tactic[]}) {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div id="body">
|
|
|
|
<div id="body">
|
|
|
|
<Team/>
|
|
|
|
<Team/>
|
|
|
|
<Tactic/>
|
|
|
|
<Tactic tactics={tactics}/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -50,12 +52,23 @@ export function Team() {
|
|
|
|
)
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
export function Tactic() {
|
|
|
|
export function Tactic({tactics} : { tactics : Tactic[]}) {
|
|
|
|
|
|
|
|
const listTactic = tactics.map(tactic =>
|
|
|
|
|
|
|
|
<li
|
|
|
|
|
|
|
|
key = {tactic.id}
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
{tactic.name} : {tactic.creationDate}
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
);
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div id="tactic">
|
|
|
|
<div id="tactic">
|
|
|
|
<div id="titreTactic">
|
|
|
|
<div id="titreTactic">
|
|
|
|
<h2>Mes stratégies</h2>
|
|
|
|
<h2>Mes stratégies</h2>
|
|
|
|
<button id="createTactic" onClick={() => (location.pathname = "/tactic/new")}>+</button>
|
|
|
|
<button id="createTactic" onClick={() => (location.pathname = "/tactic/new")}>+</button>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
|
|
{listTactic}
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
)
|
|
|
|