From 19bd966e8407590bc9b2e1121579f92f0735316b Mon Sep 17 00:00:00 2001
From: Yaazizi <yasser.azizi@inovex.de>
Date: Wed, 27 Nov 2024 13:44:02 +0100
Subject: [PATCH] feat(anonymous-voting): add anonymous option to voting dialog
 (#4172)

---
 src/components/VotingDialog/VotingDialog.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/VotingDialog/VotingDialog.tsx b/src/components/VotingDialog/VotingDialog.tsx
index 37a245b627..8f2a383656 100644
--- a/src/components/VotingDialog/VotingDialog.tsx
+++ b/src/components/VotingDialog/VotingDialog.tsx
@@ -22,20 +22,24 @@ export const VotingDialog = () => {
   const [allowCumulativeVoting, setAllowCumulativeVoting] = useState(cumulativeVotingDefault);
   const [numberOfVotes, setNumberOfVotes] = useState(getNumberFromStorage(CUSTOM_NUMBER_OF_VOTES_STORAGE_KEY, 5));
 
+  const IS_ANONYMOUS_STORAGE_KEY = "IS_ANONYMOUS_DEFAULT";
+  const [isAnonymous, setIsAnonymous] = useState(true);
+
   if (!isAdmin) {
     navigate("..");
   }
-
   const startVoting = () => {
     dispatch(
       createVoting({
         voteLimit: numberOfVotes,
-        showVotesOfOthers: false,
+        showVotesOfOthers: !isAnonymous, // Nur anzeigen, wenn nicht anonym
         allowMultipleVotes: allowCumulativeVoting,
+        isAnonymous, // Neue Eigenschaft, die den Modus an das Backend sendet
       })
     );
     saveToStorage(CUSTOM_NUMBER_OF_VOTES_STORAGE_KEY, String(numberOfVotes));
     saveToStorage(CUMULATIVE_VOTING_DEFAULT_STORAGE_KEY, String(allowCumulativeVoting));
+    saveToStorage(IS_ANONYMOUS_STORAGE_KEY, String(isAnonymous));
     navigate("..");
   };
 
@@ -56,6 +60,12 @@ export const VotingDialog = () => {
             <label>{t("VoteConfigurationButton.allowMultipleVotesPerNote")}</label>
             <Toggle active={allowCumulativeVoting} className="voting-dialog__toggle" />
           </button>
+
+          {/* Neuer Toggle für anonymen Modus */}
+          <button className="dialog__button" data-testid="voting-dialog__anonymous-button" onClick={() => setIsAnonymous((prev) => !prev)}>
+            <label>{isAnonymous ? t("VoteConfigurationButton.anonymousMode") : t("VoteConfigurationButton.nonAnonymousMode")}</label>
+            <Toggle active={isAnonymous} className="voting-dialog__toggle" />
+          </button>
           <div className="dialog__button">
             <label>{t("VoteConfigurationButton.numberOfVotes")}</label>
             <div className="voting-dialog__votes-controls">