import "../style/home.css"
import { CSSProperties } from "react"
interface Tactic {
id : number
name : string
creation_date : string
}
export default function Home({ lastTactics, allTactics } : { lastTactics : Tactic[] , allTactics : Tactic[]}) {
return (
)
}
export function Title() {
return (
)
}
export function Body({ lastTactics, allTactics } : { lastTactics : Tactic[], allTactics : Tactic[]}) {
const widthPersonalSpace = 67.5;
const widthSideMenu = 100-widthPersonalSpace
return (
)
}
export function SideMenu({ width, lastTactics } : { width : number, lastTactics : Tactic[] }) {
return (
)
}
export function PersonalSpace({ width, allTactics }: { width : number, allTactics : Tactic[] }) {
return (
)
}
function TitlePersonalSpace() {
return (
Espace Personnel
)
}
function BodyPersonalSpace({ allTactics } : { allTactics : Tactic[]}) {
const nbRow = Math.floor(allTactics.length/3)+1;
let listTactic = Array(nbRow);
for (let i = 0; i < nbRow; i++) {
listTactic[i] = Array(0);
}
let i = 0;
let j = 0;
allTactics.forEach(tactic => {
listTactic[i].push(tactic);
j++;
if (j === 3) {
i++;
j = 0;
}
})
i = 0;
while (i < nbRow) {
listTactic[i] = listTactic[i].map((tactic : Tactic) =>
{location.pathname="/tactic/"+tactic.id+"/edit"}}>{tactic.name} |
);
i++;
}
const data = listTactic.map((tactic, rowIndex) =>
{tactic}
);
return (
)
}
export function Team() {
return (
Mes équipes
)
}
export function Tactic({lastTactics} : { lastTactics : Tactic[]}) {
const listTactic = lastTactics.map(tactic =>
{tactic.name} : {tactic.creation_date}
);
return (
Mes cinq dernières stratégies
);
}