feat: #420 reimplement icon picker (#421)

packages/api/src/root.ts

@@ -1,6 +1,7 @@
 import { appRouter as innerAppRouter } from "./router/app";
 import { boardRouter } from "./router/board";
 import { groupRouter } from "./router/group";
+import { iconsRouter } from "./router/icons";
 import { integrationRouter } from "./router/integration";
 import { inviteRouter } from "./router/invite";
 import { locationRouter } from "./router/location";
@@ -19,6 +20,7 @@ export const appRouter = createTRPCRouter({
   widget: widgetRouter,
   location: locationRouter,
   log: logRouter,
+  icon: iconsRouter,
 });
 
 // export type definition of API

packages/api/src/router/icons.ts

@@ -0,0 +1,32 @@
+import { count, like } from "@homarr/db";
+import { icons } from "@homarr/db/schema/sqlite";
+import { validation } from "@homarr/validation";
+
+import { createTRPCRouter, publicProcedure } from "../trpc";
+
+export const iconsRouter = createTRPCRouter({
+  findIcons: publicProcedure
+    .input(validation.icons.findIcons)
+    .query(async ({ ctx, input }) => {
+      return {
+        icons: await ctx.db.query.iconRepositories.findMany({
+          with: {
+            icons: {
+              columns: {
+                id: true,
+                name: true,
+                url: true,
+              },
+              where:
+                input.searchText?.length ?? 0 > 0
+                  ? like(icons.name, `%${input.searchText}%`)
+                  : undefined,
+              limit: 5,
+            },
+          },
+        }),
+        countIcons:
+          (await ctx.db.select({ count: count() }).from(icons))[0]?.count ?? 0,
+      };
+    }),
+});