From 10843c36387bb9d59f8e6566dda1d5513983bb84 Mon Sep 17 00:00:00 2001
From: June1372 <justine.sauquet@polymtl.ca>
Date: Sun, 5 Feb 2023 08:37:56 -0500
Subject: [PATCH] t
---
assets/react/controllers/Menu.tsx | 8 ++++----
templates/transaction/index.html.twig | 2 +-
2 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/assets/react/controllers/Menu.tsx b/assets/react/controllers/Menu.tsx
index 3eade34..9409a57 100644
--- a/assets/react/controllers/Menu.tsx
+++ b/assets/react/controllers/Menu.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
import '../../styles/menu.css';
-export default function Menu() {
+export default function Menu(props: {active: string}) {
return (
<>
<div className="profile">
@@ -11,17 +11,17 @@ export default function Menu() {
</div>
<ul>
<li>
- <a href="/summury" >
+ <a href="/summary" className={props.active === "summary" ? " active" : null}>
<span className="item">Résumé</span>
</a>
</li>
<li>
- <a href="/transaction">
+ <a href="/transaction" className={props.active === "transaction" ? " active" : null}>
<span className="item">Transactions</span>
</a>
</li>
<li>
- <a href="/but#">
+ <a href="/but" className={props.active === "but" ? " active" : null}>
<span className="item">But</span>
</a>
</li>
diff --git a/templates/transaction/index.html.twig b/templates/transaction/index.html.twig
index 8921458..2256137 100644
--- a/templates/transaction/index.html.twig
+++ b/templates/transaction/index.html.twig
@@ -15,7 +15,7 @@
{% block body %}
<div class="wrapper">
- <div {{ react_component( 'Menu')}}></div>
+ <div {{ react_component( 'Menu', {active: 'transaction'})}}></div>
</div>
<div style="display: flex;justify-grow: 1;flex-direction: column;margin-left: 225px; ">
--
GitLab