fix: correct preset return types

shepherdjerred · Jul 1, 2024 · 21e668a · 21e668a
1 parent c233c2f
commit 21e668a
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 13 deletions.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -3,7 +3,9 @@ on:
     branches:
       - main
   pull_request:
+
 name: ci
+
 jobs:
   ci:
     runs-on: ubuntu-latest

diff --git a/src/presets/blackAndWhite.tsx b/src/presets/blackAndWhite.tsx
@@ -1,8 +1,8 @@
 import React from "react";
 import type { RenderFunctionInput } from "../types.js";
 
-export function blackAndWhite({ title, description }: RenderFunctionInput): React.ReactNode {
-  return (
+export function blackAndWhite({ title, description }: RenderFunctionInput): Promise<React.ReactNode> {
+  return Promise.resolve(
     <div
       style={{
         height: "100%",
@@ -30,6 +30,6 @@ export function blackAndWhite({ title, description }: RenderFunctionInput): Reac
       >
         {description ?? ""}
       </div>
-    </div>
+    </div>,
   );
 }
diff --git a/src/presets/gradients.tsx b/src/presets/gradients.tsx
@@ -1,8 +1,8 @@
 import React from "react";
 import type { RenderFunctionInput } from "../types.js";
 
-export function gradients({ title, description }: RenderFunctionInput): React.ReactNode {
-  return (
+export function gradients({ title, description }: RenderFunctionInput): Promise<React.ReactNode> {
+  return Promise.resolve(
     <div
       style={{
         display: "flex",
@@ -36,6 +36,6 @@ export function gradients({ title, description }: RenderFunctionInput): React.Re
       >
         {description ?? ""}
       </div>
-    </div>
+    </div>,
   );
 }
diff --git a/src/presets/index.ts b/src/presets/index.ts
@@ -1,3 +1,4 @@
+import type { RenderFunction } from "../types.js";
 import { backgroundImage } from "./backgroundImage.js";
 import { blackAndWhite } from "./blackAndWhite.js";
 import { brandedLogo } from "./brandedLogo.js";
@@ -9,7 +10,7 @@ import { tailwind } from "./tailwind.js";
 import { vercel } from "./vercel.js";
 import { waveSvg } from "./waveSvg.js";
 
-export const presets = {
+export const presets: Record<string, RenderFunction> = {
   blackAndWhite,
   gradients,
   rauchg,

diff --git a/src/presets/rauchg.tsx b/src/presets/rauchg.tsx
@@ -1,8 +1,8 @@
 import React from "react";
 import type { RenderFunctionInput } from "../types.js";
 
-export function rauchg({ title }: RenderFunctionInput): React.ReactNode {
-  return (
+export function rauchg({ title }: RenderFunctionInput): Promise<React.ReactNode> {
+  return Promise.resolve(
     <div
       style={{
         display: "flex",
@@ -58,6 +58,6 @@ export function rauchg({ title }: RenderFunctionInput): React.ReactNode {
       >
         {title}
       </div>
-    </div>
+    </div>,
   );
 }
diff --git a/src/presets/vercel.tsx b/src/presets/vercel.tsx
@@ -1,8 +1,8 @@
 import React from "react";
 import type { RenderFunctionInput } from "../types.js";
 
-export function vercel({ title }: RenderFunctionInput): React.ReactNode {
-  return (
+export function vercel({ title }: RenderFunctionInput): Promise<React.ReactNode> {
+  return Promise.resolve(
     <div
       style={{
         height: "100%",
@@ -43,6 +43,6 @@ export function vercel({ title }: RenderFunctionInput): React.ReactNode {
       >
         <b>{title}</b>
       </div>
-    </div>
+    </div>,
   );
 }