From fdb09a6ee820d8527da6e3ca1bf04309a85ad28d Mon Sep 17 00:00:00 2001
From: mohiit1502 <mohiit1502@gmail.com>
Date: Mon, 6 Nov 2023 02:34:08 +0530
Subject: [PATCH] TS fixes

---
 src/app/components/FontsList/FontsList.tsx    | 17 ++++++-------
 .../AlphabetFilter/AlphabetFilter.tsx         |  4 +++-
 .../CategoryFilter/CategoryFilter.tsx         |  4 +++-
 src/app/config/constants.ts                   | 24 +++++++++----------
 src/app/pages/FontsPage/FontsPage.tsx         |  8 +------
 5 files changed, 28 insertions(+), 29 deletions(-)

diff --git a/src/app/components/FontsList/FontsList.tsx b/src/app/components/FontsList/FontsList.tsx
index a5094a7..2fdbb2b 100755
--- a/src/app/components/FontsList/FontsList.tsx
+++ b/src/app/components/FontsList/FontsList.tsx
@@ -66,14 +66,15 @@ const FontsList = (props: FontsListProps): JSX.Element => {
                 1000,
               )}
               data={
-                fonts
-                  ? fonts.map(
-                      (font): SearchItem => ({
-                        label: font.name,
-                        data: font,
-                      }),
-                    )
-                  : []
+                []
+                // fonts
+                //   ? fonts.map(
+                //       (font): SearchItem => ({
+                //         label: font.name,
+                //         data: font,
+                //       }),
+                //     )
+                //   : []
               }
             />
           </div>
diff --git a/src/app/components/molecules/AlphabetFilter/AlphabetFilter.tsx b/src/app/components/molecules/AlphabetFilter/AlphabetFilter.tsx
index 0935117..012c5f3 100755
--- a/src/app/components/molecules/AlphabetFilter/AlphabetFilter.tsx
+++ b/src/app/components/molecules/AlphabetFilter/AlphabetFilter.tsx
@@ -1,4 +1,6 @@
 import { SelectionPill } from "../.."
+import { ArPillSizes } from "../../../types/enums"
+import { BasicFilterConfig } from "../../../types/filterconfig"
 import "./AlphabetFilter.component.scss"
 
 interface AlphabetFilterProps {
@@ -20,7 +22,7 @@ const AlphabetFilter = (props: AlphabetFilterProps): JSX.Element => {
           <SelectionPill
             classes="rounded me-2 mb-3"
             data={{ label: char }}
-            size="small"
+            size={ArPillSizes.SMALL}
             onClick={(data: BasicFilterConfig) =>
               onSelectionChanged(data, "alphabet")
             }
diff --git a/src/app/components/molecules/CategoryFilter/CategoryFilter.tsx b/src/app/components/molecules/CategoryFilter/CategoryFilter.tsx
index d3f33f9..dc8850e 100755
--- a/src/app/components/molecules/CategoryFilter/CategoryFilter.tsx
+++ b/src/app/components/molecules/CategoryFilter/CategoryFilter.tsx
@@ -1,4 +1,6 @@
 import { SelectionPill } from "../.."
+import { ArPillSizes } from "../../../types/enums"
+import { BasicFilterConfig, BasicFilterType } from "../../../types/filterconfig"
 import Helper from "../../../utils/helper"
 import "./CategoryFilter.component.scss"
 
@@ -50,7 +52,7 @@ const CategoryFilter = (props: CategoryFilterProps): JSX.Element => {
             <SelectionPill
               classes="rounded me-2 mb-3"
               data={{ label: category }}
-              size="small"
+              size={ArPillSizes.SMALL}
               onClick={(data: BasicFilterConfig) =>
                 onCategorySelection(data, group)
               }
diff --git a/src/app/config/constants.ts b/src/app/config/constants.ts
index ca2a3c4..f497489 100644
--- a/src/app/config/constants.ts
+++ b/src/app/config/constants.ts
@@ -7,18 +7,18 @@ export const ICON_ROOT = `${
 
 export const SESSION_COOKIE_NAME = "x-access-token"
 
-// export const DEFAULT_LOCALE = {
-//   direction: "ltr",
-//   format: moment.localeData().longDateFormat("L"),
-//   separator: " - ",
-//   applyLabel: "Apply",
-//   cancelLabel: "Cancel",
-//   weekLabel: "W",
-//   customRangeLabel: "Custom Range",
-//   daysOfWeek: moment.weekdaysMin(),
-//   monthNames: moment.monthsShort(),
-//   firstDay: moment.localeData().firstDayOfWeek(),
-// }
+export const DEFAULT_LOCALE = {
+  direction: "ltr",
+  format: moment.localeData().longDateFormat("L"),
+  separator: " - ",
+  applyLabel: "Apply",
+  cancelLabel: "Cancel",
+  weekLabel: "W",
+  customRangeLabel: "Custom Range",
+  daysOfWeek: moment.weekdaysMin(),
+  monthNames: moment.monthsShort(),
+  firstDay: moment.localeData().firstDayOfWeek(),
+}
 
 export const ENDPOINTS = {
   STATIC: {
diff --git a/src/app/pages/FontsPage/FontsPage.tsx b/src/app/pages/FontsPage/FontsPage.tsx
index fe9edda..591177f 100755
--- a/src/app/pages/FontsPage/FontsPage.tsx
+++ b/src/app/pages/FontsPage/FontsPage.tsx
@@ -10,13 +10,7 @@ const FontsPage = (props: FontsPageProps): JSX.Element => {
     <div className="ar-FontsPage">
       <Main
         contentClasses="p-2"
-        mainContent={
-          <FontsList
-            icons={[]}
-            onSearchChanged={() => {}}
-            // searchString={searchText}
-          />
-        }
+        mainContent={<FontsList />}
         // rightPanelContent={rightPanelContent}
         // rightPanelHeader="Favorites"
       />