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 */}
-

Private

+
+ Public + Private +
+ {/*

Private

*/}

Password

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;