From b8692d064c81e51aa9e0248e8c1ba9d47d2310ac Mon Sep 17 00:00:00 2001
From: Little Dipper <little_dipper@rayman.rayman.virtualbox.org>
Date: Wed, 21 Jun 2023 03:45:13 +0200
Subject: [PATCH] ajout bouton private/public

---
 .../react/src/components/Messages/ModalSetting.tsx   |  9 ++++++++-
 containers/react/src/styles/Messages.css             | 12 ++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/containers/react/src/components/Messages/ModalSetting.tsx b/containers/react/src/components/Messages/ModalSetting.tsx
index d0137544..c925a8e9 100644
--- a/containers/react/src/components/Messages/ModalSetting.tsx
+++ b/containers/react/src/components/Messages/ModalSetting.tsx
@@ -38,6 +38,9 @@ const ModalSetting = ({handleClose, convId}: ModalSettingProps) => {
 	const [selectedUser, setSelectedUser] = useState("");
 	const [newName, setNewName] = useState("");
 	const [newPassword, setNewPassword] = useState("");
+	const [privateConv, setPrivateConv] = useState(false);
+	const dark = () => setPrivateConv(true);
+	const light = () => setPrivateConv(false);
 
 	useEffect(()=> {
 
@@ -175,7 +178,11 @@ const ModalSetting = ({handleClose, convId}: ModalSettingProps) => {
 {/* First selection  */}
                 <div className="settingFirstPart">
                     <div>
-                        <p className="checkbox">Private<input className="check"type="checkbox" value="private" onChange={handleCheckPriv}/></p>
+						<div>
+                    		<Link to="#" onClick={light} className={ privateConv ?  "submit" : "darkSubmit"}>Public</Link>
+							<Link to="#" onClick={dark} className={ privateConv ?  "darkSubmit" : "submit"}>Private</Link>
+						</div>
+                        {/* <p className="checkbox">Private<input className="check"type="checkbox" value="private" onChange={handleCheckPriv}/></p> */}
                         <p className="checkbox">Password<input type="checkbox" value="password" checked={password} onChange={handleCheckPass}/> </p>
                         
 						
diff --git a/containers/react/src/styles/Messages.css b/containers/react/src/styles/Messages.css
index 88a6d3d3..86ef6726 100644
--- a/containers/react/src/styles/Messages.css
+++ b/containers/react/src/styles/Messages.css
@@ -204,6 +204,18 @@ p {
 	margin: 1%;
 }
 
+.darkSubmit{
+	display: inline-block;
+	color: white;
+	background-color:  #282155;
+	border-radius: 10px;
+	padding: 5px;
+	font-size: 1.2rem;
+	text-decoration: none;
+	font-weight:lighter;
+	margin: 1%;
+}
+
 .div_submit {
 	flex-direction: row;
 	align-items: center;