Merge pull request #264 from dedis/mock-update-hintbutton-aelalamy

BUGFIX : Change the mock data to make it work with hint button + Minor Display Issue

Author: aelalamy42

web/frontend/src/mocks/mockData.ts

@@ -43,6 +43,7 @@ const mockForm1: any = {
               MaxN: 2,
               MinN: 1,
               Choices: ['tomato', 'salad', 'onion'],
+              Hint: '',
             },
           ],
           Ranks: [
@@ -52,6 +53,7 @@ const mockForm1: any = {
               MaxN: 3,
               MinN: 3,
               Choices: ['BC', 'SV', 'Parmentier'],
+              Hint: '',
             },
           ],
         },
@@ -64,13 +66,15 @@ const mockForm1: any = {
           MaxN: 1,
           MinN: 1,
           Choices: ['1', '2', '3', '4', '5'],
+          Hint: '',
         },
         {
           Title: 'How did you find the teaching ?',
           ID: (0x41e2).toString(),
           MaxN: 1,
           MinN: 1,
           Choices: ['bad', 'normal', 'good'],
+          Hint: 'Be honest. This is anonymous anyway',
         },
       ],
       Texts: [
@@ -82,6 +86,7 @@ const mockForm1: any = {
           MinN: 1,
           Regex: '',
           Choices: ['TA1', 'TA2'],
+          Hint: '',
         },
       ],
     },
@@ -129,6 +134,7 @@ const mockForm2: any = {
           MaxN: 1,
           MinN: 1,
           Choices: ['1', '2', '3', '4', '5'],
+          Hint: '',
         },
       ],
       Texts: [
@@ -140,6 +146,7 @@ const mockForm2: any = {
           MinN: 2,
           Choices: ['TA1', 'TA2'],
           Regex: '^[A-Z][a-z]+$',
+          Hint: '',
         },
       ],
 
@@ -157,6 +164,7 @@ const mockForm2: any = {
           MaxN: 3,
           MinN: 0,
           Choices: ['tomato', 'salad', 'onion', 'falafel'],
+          Hint: '',
         },
       ],
 
@@ -167,13 +175,15 @@ const mockForm2: any = {
           MaxN: 4,
           MinN: 1,
           Choices: ['Esplanade', 'Giacometti', 'Arcadie', 'Montreux Jazz Cafe'],
+          Hint: '',
         },
         {
           Title: 'IN or SC ?',
           ID: (0xbeef).toString(),
           MaxN: 2,
           MinN: 1,
           Choices: ['IN', 'SC'],
+          Hint: 'The right answer is IN ;-)',
         },
       ],
       Texts: [],
@@ -200,6 +210,7 @@ const mockForm3: any = {
           MaxLength: 50,
           Regex: '',
           Choices: ['Firstname', 'Main 🍕', 'Drink 🧃', 'Dessert 🍰'],
+          Hint: 'If you change opinion call me before 11:30 a.m.',
         },
       ],
       Subjects: [],

web/frontend/src/pages/ballot/components/Rank.tsx

@@ -83,7 +83,7 @@ const Rank: FC<RankProps> = ({ rank, answers }) => {
         <div>
           <h3 className="text-lg break-words text-gray-600 w-96">{rank.Title}</h3>
         </div>
-        <div>
+        <div className="text-right">
           <HintButton text={rank.Hint} />
         </div>
       </div>

web/frontend/src/pages/ballot/components/Select.tsx

@@ -80,7 +80,7 @@ const Select: FC<SelectProps> = ({ select, answers, setAnswers }) => {
         <div>
           <h3 className="text-lg break-words text-gray-600 w-96">{select.Title}</h3>
         </div>
-        <div>
+        <div className="text-right">
           <HintButton text={select.Hint} />
         </div>
       </div>

web/frontend/src/pages/ballot/components/Text.tsx

@@ -103,7 +103,7 @@ const Text: FC<TextProps> = ({ text, answers, setAnswers }) => {
         <div>
           <h3 className="text-lg break-words text-gray-600 w-96">{text.Title}</h3>
         </div>
-        <div>
+        <div className="text-right">
           <HintButton text={text.Hint} />
         </div>
       </div>