Final production push before deadline

.vscode/settings.json

@@ -1,3 +1,5 @@
 {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.formatOnSave": true,
+    "prettier.jsxSingleQuote": true
 }

src/App.js

@@ -670,12 +670,12 @@ const App = () => {
           />
         </div>
         <div className='crowd'>
-          <img src={crowd} alt='crowd cheering'></img>
+          <img src={crowd} alt='crowd cheering' draggable='false'></img>
         </div>
         <div className='card-deck'>
           {role === "judge" ? null : (
             <button className='deck-button' onClick={showDeck}>
-              <img src={deckbtn} alt='deck öffnen'></img>
+              <img src={deckbtn} alt='deck öffnen' draggable='false'></img>
             </button>
           )}
         </div>

src/Components/Card.js

@@ -1,6 +1,5 @@
 import React, { useState } from "react";
 
-import { AiOutlineStar } from "react-icons/ai";
 import { TiThumbsUp, TiThumbsDown } from "react-icons/ti";
 import { HiOutlineSaveAs } from "react-icons/hi";
 
@@ -10,7 +9,6 @@ import { GrOverview } from "react-icons/gr";
 import "./Card.css";
 
 const Card = (props) => {
-  const [hover, setHover] = useState(false);
   const [wasRated, setWasRated] = useState("");
   const [cardSaved, setCardSaved] = useState(false);
 
@@ -43,7 +41,7 @@ const Card = (props) => {
         </h4>
         <p className='card-body'>{props.claim}</p>
         {props.source ? (
-          <a href={props.source} target='_blank'>
+          <a href={props.source} target='_blank' rel='noreferrer'>
             source
           </a>
         ) : null}

src/Components/LoginModal.js

@@ -205,7 +205,7 @@ const LoginModal = (props) => {
                                 style={{ width: "5rem", height: "5rem" }}
                               />
                             </div>
-                            {props.userName && props.role && debateID != -1 ? (
+                            {props.userName && props.role && debateID !== -1 ? (
                               <>
                                 <button
                                   type='button'

src/Components/PreparedDeck.js

@@ -148,6 +148,20 @@ const PreparedDeck = (props) => {
         judgeRating: 0,
         spectatorRating: 0,
       },
+      {
+        body:
+          "Niemand MUSS in einer Großstadt leben. Wer sich Wohnungen in beliebten Gebieten mit Platzmangel nicht leisten kann, soll sich an weniger dicht besiedelten Orten Wohnraum suchen.",
+        type: "argument",
+        judgeRating: 0,
+        spectatorRating: 0,
+      },
+      {
+        body:
+          "Eine Mietpreisbremse alleine reicht nicht aus, um finanziell schwache Gruppen zu unterstützen.",
+        type: "argument",
+        judgeRating: 0,
+        spectatorRating: 0,
+      },
     ],
   ];
 

src/Components/Timer.js

@@ -4,7 +4,7 @@ import { propTypes } from "react-bootstrap/esm/Image";
 import "./Timer.css";
 
 const Timer = ({ playTick, startTimer, stopRound }) => {
-  const DEFAULT_TIME = 11;
+  const DEFAULT_TIME = 301;
   const [seconds, setSeconds] = useState(DEFAULT_TIME);
   const [isActive, setIsActive] = useState(false);
 

src/Components/Toolbox.js

@@ -60,10 +60,6 @@ const Toolbox = (props) => {
     );
   };
 
-  const startTimer = () => {
-    props.startTimer();
-  };
-
   return (
     <BlockUi
       tag='div'

todo.md

@@ -72,6 +72,7 @@
 - deploy DONE
 - final design DONE
 - chat char limit DONE
+- voting screen DONE
 
 ## tag 7 - 5.4.
 
@@ -92,15 +93,9 @@
 
 ### extra zeug unsortiert bis jetzt
 
-voting screen
-verdict, spectator voting, diskussion aufklappen
+- chat text rot highlight
+  verdict, spectator voting, diskussion aufklappen
 
-erste karte mit voting zeigen
-
-spectator voting
-
-karten display(?)
-
-wahl o mat
+- spectator voting DONE
 
-freie themenwahl
+- freie themenwahl DONE