From 40bf40bb7eb2efc1dd5281eba1c0c6687b6a0456 Mon Sep 17 00:00:00 2001
From: AKILIMAILI CIZUNGU Innocent
 <51681130+Innocent-Akim@users.noreply.github.com>
Date: Mon, 5 Aug 2024 00:21:15 +0200
Subject: [PATCH] Fix: Linting issues in settings-livekit and
 Daily-plan-compare-estima (#2830)

* fix: linting issues in settings-livekit and daily-plan-compare-estimate-modal

* fix: cspell
---
 .cspell.json                                              | 2 ++
 .../daily-plan/daily-plan-compare-estimate-modal.tsx      | 1 +
 .../features/integrations/livekit/settings-livekit.tsx    | 8 +++++---
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/.cspell.json b/.cspell.json
index 7041e1bf3..56963e340 100644
--- a/.cspell.json
+++ b/.cspell.json
@@ -187,6 +187,8 @@
 		"Kolkata",
 		"Kosrae",
 		"Koyeb",
+		"Krisp",
+		"krisp",
 		"labore",
 		"Lask",
 		"lastest",
diff --git a/apps/web/lib/features/daily-plan/daily-plan-compare-estimate-modal.tsx b/apps/web/lib/features/daily-plan/daily-plan-compare-estimate-modal.tsx
index 967bd61f5..0d983212b 100644
--- a/apps/web/lib/features/daily-plan/daily-plan-compare-estimate-modal.tsx
+++ b/apps/web/lib/features/daily-plan/daily-plan-compare-estimate-modal.tsx
@@ -12,6 +12,7 @@ import { useDailyPlan, useTeamMemberCard, useTimer, useTMCardTaskEdit } from '@a
 import { dailyPlanCompareEstimated } from '@app/helpers/daily-plan-estimated';
 import { secondsToTime } from '@app/helpers';
 import { DAILY_PLAN_ESTIMATE_HOURS_MODAL_DATE } from '@app/constants';
+import { ScrollArea } from '@components/ui/scroll-bar';
 
 export interface IDailyPlanCompareEstimated {
 	difference?: boolean;
diff --git a/apps/web/lib/features/integrations/livekit/settings-livekit.tsx b/apps/web/lib/features/integrations/livekit/settings-livekit.tsx
index 5ad2adcc0..7ef3f09ef 100644
--- a/apps/web/lib/features/integrations/livekit/settings-livekit.tsx
+++ b/apps/web/lib/features/integrations/livekit/settings-livekit.tsx
@@ -15,10 +15,12 @@ import { shortenLink } from 'lib/utils';
 import { BiLoaderCircle } from "react-icons/bi";
 
 
-
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface SettingsMenuProps extends React.HTMLAttributes<HTMLDivElement> { }
 
 export function SettingsMenu(props: SettingsMenuProps) {
+    const TrackToggleComponent = TrackToggle as React.ElementType;
+
     const layoutContext = useMaybeLayoutContext();
     const [copied, setCopied] = React.useState<boolean>(false);
 
@@ -93,7 +95,7 @@ export function SettingsMenu(props: SettingsMenuProps) {
                             <>
                                 <h3>Camera</h3>
                                 <section className="lk-button-group">
-                                    <TrackToggle source={Track.Source.Camera}>Camera</TrackToggle>
+                                    <TrackToggleComponent source={Track.Source.Camera}>Camera</TrackToggleComponent>
                                     <div className="lk-button-group-menu">
                                         <MediaDeviceMenu kind="videoinput" />
                                     </div>
@@ -104,7 +106,7 @@ export function SettingsMenu(props: SettingsMenuProps) {
                             <>
                                 <h3>Microphone</h3>
                                 <section className="lk-button-group">
-                                    <TrackToggle source={Track.Source.Microphone}>Microphone</TrackToggle>
+                                    <TrackToggleComponent source={Track.Source.Microphone}>Microphone</TrackToggleComponent>
                                     <div className="lk-button-group-menu">
                                         <MediaDeviceMenu kind="audioinput" />
                                     </div>