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
ever-co · Aug 4, 2024 · 40bf40b · 40bf40b
1 parent e79eb6d
commit 40bf40b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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>