TS fixes

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>

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")
             }

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)
               }

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: {

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"
       />