From 941b51731f020b67f5d6535fec9cb666699d8ebf Mon Sep 17 00:00:00 2001
From: saridsa2 <s.satya.suman@globaluniversityfoundation.com>
Date: Thu, 19 Mar 2026 16:42:04 +0530
Subject: [PATCH] fix: cleanup unused imports, restore campaigns, fix settings
 pagination syntax

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/call-desk/worklist-panel.tsx | 2 +-
 src/components/layout/sidebar.tsx           | 4 ----
 src/pages/campaigns.tsx                     | 2 +-
 src/pages/settings.tsx                      | 8 ++++----
 4 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/components/call-desk/worklist-panel.tsx b/src/components/call-desk/worklist-panel.tsx
index c7ed230..4ea9eca 100644
--- a/src/components/call-desk/worklist-panel.tsx
+++ b/src/components/call-desk/worklist-panel.tsx
@@ -6,7 +6,7 @@ import {
     faPhoneArrowUp,
 } from '@fortawesome/pro-duotone-svg-icons';
 import { SearchLg } from '@untitledui/icons';
-import { Table, TableCard } from '@/components/application/table/table';
+import { Table } from '@/components/application/table/table';
 import { Badge } from '@/components/base/badges/badges';
 import { Input } from '@/components/base/input/input';
 import { Tabs, TabList, Tab } from '@/components/application/tabs/tabs';
diff --git a/src/components/layout/sidebar.tsx b/src/components/layout/sidebar.tsx
index 027c636..34f8e0f 100644
--- a/src/components/layout/sidebar.tsx
+++ b/src/components/layout/sidebar.tsx
@@ -1,7 +1,6 @@
 import type { FC, HTMLAttributes } from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
-    faBell,
     faBullhorn,
     faChartMixed,
     faChevronLeft,
@@ -50,9 +49,6 @@ const IconGear: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => (
 const IconPhone: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => (
     <FontAwesomeIcon icon={faPhone} className={className} />
 );
-const IconBell: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => (
-    <FontAwesomeIcon icon={faBell} className={className} />
-);
 const IconClockRewind: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => (
     <FontAwesomeIcon icon={faClockRotateLeft} className={className} />
 );
diff --git a/src/pages/campaigns.tsx b/src/pages/campaigns.tsx
index a585a97..74b37e1 100644
--- a/src/pages/campaigns.tsx
+++ b/src/pages/campaigns.tsx
@@ -122,7 +122,7 @@ export const CampaignsPage = () => {
                                                 iconLeading={({ className }: { className?: string }) => (
                                                     <FontAwesomeIcon icon={faPenToSquare} className={className} />
                                                 )}
-                                                onClick={(e) => {
+                                                onClick={(e: React.MouseEvent) => {
                                                     e.preventDefault();
                                                     e.stopPropagation();
                                                     setEditCampaign(campaign);
diff --git a/src/pages/settings.tsx b/src/pages/settings.tsx
index 1cab187..de7a7e8 100644
--- a/src/pages/settings.tsx
+++ b/src/pages/settings.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faKey, faToggleOn, faToggleOff } from '@fortawesome/pro-duotone-svg-icons';
+import { faKey, faToggleOn } from '@fortawesome/pro-duotone-svg-icons';
 import { Avatar } from '@/components/base/avatar/avatar';
 import { Badge } from '@/components/base/badges/badges';
 import { Button } from '@/components/base/buttons/button';
@@ -101,7 +101,7 @@ export const SettingsPage = () => {
                         <div className="flex items-center justify-center py-12">
                             <p className="text-sm text-tertiary">Loading employees...</p>
                         </div>
-                    ) : (
+                    ) : (<>
                         <Table>
                             <Table.Header>
                                 <Table.Head label="EMPLOYEE" />
@@ -166,7 +166,7 @@ export const SettingsPage = () => {
                         {totalPages > 1 && (
                             <div className="flex items-center justify-between border-t border-secondary px-5 py-3">
                                 <span className="text-xs text-tertiary">
-                                    {(page - 1) * PAGE_SIZE + 1}–{Math.min(page * PAGE_SIZE, filtered.length)} of {filtered.length}
+                                    {(page - 1) * PAGE_SIZE + 1}&ndash;{Math.min(page * PAGE_SIZE, filtered.length)} of {filtered.length}
                                 </span>
                                 <div className="flex items-center gap-1">
                                     <button onClick={() => setPage(Math.max(1, page - 1))} disabled={page === 1}
@@ -176,7 +176,7 @@ export const SettingsPage = () => {
                                 </div>
                             </div>
                         )}
-                    )}
+                    </> )}
                 </TableCard.Root>
             </div>
         </div>