From 05116b3b0df3c46cda41b2968013a95630aa132b Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 26 Oct 2024 10:41:02 +0300
Subject: [PATCH] client-ts: Port widgets/icon_list

---
 .../widgets/{icon_list.js => icon_list.ts}    | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)
 rename src/public/app/widgets/{icon_list.js => icon_list.ts} (99%)

diff --git a/src/public/app/widgets/icon_list.js b/src/public/app/widgets/icon_list.ts
similarity index 99%
rename from src/public/app/widgets/icon_list.js
rename to src/public/app/widgets/icon_list.ts
index 8a71612d4..8452bfe1f 100644
--- a/src/public/app/widgets/icon_list.js
+++ b/src/public/app/widgets/icon_list.ts
@@ -1,6 +1,20 @@
 // taken from the HTML source of https://boxicons.com/
 
-const categories = [
+interface Category {
+    name: string;
+    id: number;
+}
+
+interface Icon {
+    name: string;
+    slug: string;
+    category_id: number;
+    type_of_icon: "REGULAR" | "SOLID" | "LOGO";
+    term?: string[];
+    className?: string;
+}
+
+const categories: Category[] = [
     {"name": "All categories", "id": 0},
     {
         "name": "Accessibility",
@@ -132,7 +146,7 @@ const categories = [
     }
 ];
 
-const icons = [
+const icons: Icon[] = [
     {
         "name": "child",
         "slug": "child-regular",
@@ -11175,7 +11189,7 @@ const icons = [
     }
 ];
 
-function getIconClass(icon) {
+function getIconClass(icon: Icon) {
     if (icon.type_of_icon === 'LOGO') {
         return `bxl-${icon.name}`;
     }