QOL and other various changes

Author: SinusStudios

client/tsconfig.json

@@ -9,6 +9,10 @@
     "noImplicitThis": false,
     "alwaysStrict": false,
     "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true
-  }
+    "forceConsistentCasingInFileNames": true,
+    "outDir": "./dist"
+  },
+  "exclude": [
+    "./dist"
+  ]
 }

controller/package-lock.json

@@ -1,6 +1,7 @@
 {
   "name": "obscore-controller",
   "version": "0.1.0",
+  "homepage": "./",
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.13.0",
     "@fortawesome/fontawesome-svg-core": "^1.2.28",
@@ -17,6 +18,7 @@
     "laco-react": "^1.1.0",
     "node-sass": "^4.13.1",
     "react": "^16.13.1",
+    "react-app-rewired": "^2.1.6",
     "react-bootstrap": "^1.0.0",
     "react-dom": "^16.13.1",
     "react-scripts": "^3.4.1",
@@ -46,5 +48,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "babel-plugin-root-import": "^6.5.0"
   }
 }

controller/package.json

@@ -25,11 +25,13 @@ export default function SponsorTagInput({
         style={{flex: 0.3}}
         value={sponsor}
         onChange={changeSponsor}
+        placeholder="Sponsor"
       />
       <div className="border border-light"/>
       <FormControl
         value={tag}
         onChange={changeTag}
+        placeholder="Tag"
       />
     </InputGroup>
   )

controller/src/elements/SponsorTagInput.tsx

@@ -62,6 +62,7 @@ export default function CommentatorInfo({slot}: {slot: number}) {
           <FormControl
             value={commentator.twitter ?? ""}
             onChange={changeTwitter}
+            placeholder="Username"
           />
         </InputGroup>
         <InputGroup size="sm">
@@ -73,6 +74,7 @@ export default function CommentatorInfo({slot}: {slot: number}) {
           <FormControl
             value={commentator.twitch ?? ""}
             onChange={changeTwitch}
+            placeholder="Twitch handle"
           />
         </InputGroup>
       </div>

controller/src/tabs/meta/CommentatorInfo.tsx

@@ -11,7 +11,7 @@ function SideButton({
 }: {
   value: string
   active: boolean,
-  onClick: (Event) => void,
+  onClick: (Event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void,
   label: string,
   tooltip: string
 }) {

controller/src/tabs/players/SideComponent.tsx

@@ -10,7 +10,7 @@ export default function Custom({
 }: {
   style: any, className?: string
 }) {
-  const state = useStore(Store)
+  const state: Scoreboard = useStore(Store)
 
   const changeCustom = ({target}) => {
     Store.set((state: Scoreboard) => {