closes #147

package.json

@@ -37,11 +37,9 @@
     "react-intl": "^6.6.8",
     "react-router-dom": "^6.23.1",
     "react-tag-input-component": "^2.0.2",
-    "react-textarea-autosize": "^8.5.3",
     "react-use-gesture": "^9.1.3",
     "react-use-pip": "^1.5.0",
     "recharts": "^2.12.7",
-    "semantic-sdp": "^3.27.1",
     "usehooks-ts": "^3.1.0",
     "uuid": "^9.0.1",
     "web-vitals": "^4.0.0",

src/element/chat/live-chat.tsx

@@ -152,7 +152,7 @@ export function LiveChat({
     <div className={classNames("flex flex-col gap-1", className)} style={height ? { height: `${height}px` } : {}}>
       {adjustLayout && (
         <div
-          className="min-h-2 my-1"
+          className="min-h-2 my-2"
           onClick={() => {
             streamContext.update(c => {
               c.showDetails = !c.showDetails;
@@ -163,7 +163,7 @@ export function LiveChat({
               return { ...c };
             });
           }}>
-          <div className="h-2 bg-layer-2 rounded-full w-10 mx-auto"></div>
+          <div className="h-2 bg-layer-3 rounded-full w-10 mx-auto"></div>
         </div>
       )}
       {(showTopZappers ?? true) && reactions.zaps.length > 0 && (

yarn.lock

@@ -1581,7 +1581,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.7":
+"@babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.7":
   version: 7.24.5
   resolution: "@babel/runtime@npm:7.24.5"
   dependencies:
@@ -4365,13 +4365,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"equals-ignore-case@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "equals-ignore-case@npm:1.0.1"
-  checksum: 10c0/90ebcd73eb2a67ff477c5008a1c977b8c2393bf169011709152f73a274db725750113d8dd338215e869c4ed3948726909f2f64c21eae7195e7f89b2f34485710
-  languageName: node
-  linkType: hard
-
 "err-code@npm:^2.0.2":
   version: 2.0.3
   resolution: "err-code@npm:2.0.3"
@@ -6813,7 +6806,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"randombytes@npm:^2.0.3, randombytes@npm:^2.1.0":
+"randombytes@npm:^2.1.0":
   version: 2.1.0
   resolution: "randombytes@npm:2.1.0"
   dependencies:
@@ -7015,19 +7008,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-textarea-autosize@npm:^8.5.3":
-  version: 8.5.3
-  resolution: "react-textarea-autosize@npm:8.5.3"
-  dependencies:
-    "@babel/runtime": "npm:^7.20.13"
-    use-composed-ref: "npm:^1.3.0"
-    use-latest: "npm:^1.2.1"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 10c0/33d38a6d96cf584842695b50c341980944ece23a42155bf0bd1958f02396adb185c7720b88678dc677817fe111783059c0ebcdf7761644006892583b10e258ee
-  languageName: node
-  linkType: hard
-
 "react-transition-group@npm:^4.4.5":
   version: 4.4.5
   resolution: "react-transition-group@npm:4.4.5"
@@ -7472,15 +7452,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sdp-transform@npm:^2":
-  version: 2.14.1
-  resolution: "sdp-transform@npm:2.14.1"
-  bin:
-    sdp-verify: checker.js
-  checksum: 10c0/2570643ab4817e8560c51da95502594d08d463d557540cbaf179d2cbd4f9778c47ea30f4d23f630ad30d710e72bf9d32a2bead5213797a799aa847259235dd3f
-  languageName: node
-  linkType: hard
-
 "sdp@npm:^3.2.0":
   version: 3.2.0
   resolution: "sdp@npm:3.2.0"
@@ -7488,17 +7459,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semantic-sdp@npm:^3.27.1":
-  version: 3.27.1
-  resolution: "semantic-sdp@npm:3.27.1"
-  dependencies:
-    equals-ignore-case: "npm:^1.0.0"
-    randombytes: "npm:^2.0.3"
-    sdp-transform: "npm:^2"
-  checksum: 10c0/57b3b53d1331c2cdadf58e444d93e845a2e0993030482edaf1f45f7fa243b4cd5c886aa3ad13fac8b502f43f32e425a8719f8eeb620223d61e684a641eb2ac64
-  languageName: node
-  linkType: hard
-
 "semver@npm:^6.3.1":
   version: 6.3.1
   resolution: "semver@npm:6.3.1"
@@ -7763,12 +7723,10 @@ __metadata:
     react-intl: "npm:^6.6.8"
     react-router-dom: "npm:^6.23.1"
     react-tag-input-component: "npm:^2.0.2"
-    react-textarea-autosize: "npm:^8.5.3"
     react-use-gesture: "npm:^9.1.3"
     react-use-pip: "npm:^1.5.0"
     recharts: "npm:^2.12.7"
     rollup-plugin-visualizer: "npm:^5.12.0"
-    semantic-sdp: "npm:^3.27.1"
     tailwindcss: "npm:^3.4.3"
     typescript: "npm:^5.4.5"
     usehooks-ts: "npm:^3.1.0"
@@ -8400,41 +8358,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"use-composed-ref@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "use-composed-ref@npm:1.3.0"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 10c0/e64ce52f4b18c020407636784192726807404a2552609acf7497b66a2b7070674fb5d2b950d426c4aa85f353e2bbecb02ebf9c5b865cd06797938c70bcbf5d26
-  languageName: node
-  linkType: hard
-
-"use-isomorphic-layout-effect@npm:^1.1.1":
-  version: 1.1.2
-  resolution: "use-isomorphic-layout-effect@npm:1.1.2"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: 10c0/d8deea8b85e55ac6daba237a889630bfdbf0ebf60e9e22b6a78a78c26fabe6025e04ada7abef1e444e6786227d921e648b2707db8b3564daf757264a148a6e23
-  languageName: node
-  linkType: hard
-
-"use-latest@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "use-latest@npm:1.2.1"
-  dependencies:
-    use-isomorphic-layout-effect: "npm:^1.1.1"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: 10c0/1958886fc35262d973f5cd4ce16acd6ce3a66707a72761c93abd1b5ae64e1a11efa83f68e6c8c9bf1647628037980ce59df64cba50adb36bd4071851e70527d2
-  languageName: node
-  linkType: hard
-
 "usehooks-ts@npm:^3.1.0":
   version: 3.1.0
   resolution: "usehooks-ts@npm:3.1.0"