CodeCow/typebot.io
1
0
Fork 0
mirror of https://github.com/baptisteArno/typebot.io.git synced 2026-06-19 21:04:33 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix(landing-page): fetch ossFriends data in server fn

Browse Source 
To fix crash on navigate from footer
This commit is contained in:
Baptiste Arnaud 2025-01-23 18:12:10 +01:00
parent 677807cc4c
commit 16697b3ce1
No known key found for this signature in database
1 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
apps/landing-page/app/routes/_layout/oss-friends.tsx
View File

@ -2,7 +2,24 @@ import { Card } from "@/components/Card";
import { ContentPageWrapper } from "@/components/ContentPageWrapper";
import { createMetaTags } from "@/lib/createMetaTags";
import { Link, createFileRoute } from "@tanstack/react-router";
import { createServerFn } from "@tanstack/start";
import { ArrowUpRightIcon } from "@typebot.io/ui/icons/ArrowUpRightIcon";
import { z } from "@typebot.io/zod";
export const getAndParseOssFriends = createServerFn().handler(async () => {
const res = await fetch("https://formbricks.com/api/oss-friends");
const data = await res.json();
return z
.array(
z.object({
href: z.string(),
name: z.string(),
description: z.string(),
}),
)
.parse(data.data)
.filter((friend) => friend.name !== "Typebot");
});
export const Route = createFileRoute("/_layout/oss-friends")({
head: () => ({
@ -15,24 +32,11 @@ export const Route = createFileRoute("/_layout/oss-friends")({
}),
}),
component: RouteComponent,
loader: async () => {
const res = await fetch("https://formbricks.com/api/oss-friends");
const data = await res.json();
return {
ossFriends: (
data.data as {
href: string;
name: string;
description: string;
}[]
).filter((friend) => friend.name !== "Typebot"),
};
},
loader: () => getAndParseOssFriends(),
});
function RouteComponent() {
const { ossFriends } = Route.useLoaderData();
const ossFriends = Route.useLoaderData();
return (
<ContentPageWrapper>
<div className="flex flex-col gap-4">