Your vals

\n Create new val\n

\n {projects.loading && }\n {projects.error && (\n

\n Error: {projects.error.message}\n

{JSON.stringify(projects.error.stack, null, 2)}

\n )}\n {projects.data?.projects?.map((project) => (\n \n \n \n ))}\n

{JSON.stringify(projects, null, 2)}

\n );\n}\n\nfunction ProjectCard({\n user,\n project,\n}: {\n user: {\n username: string;\n profileImageUrl: string | null;\n };\n project: any;\n}) {\n return (\n

\n {project.imageUrl ? (\n

\n ) : user.profileImageUrl ? (\n

\n \n

\n ) : (\n

\n )}\n

{user.username}

\n {project.name}\n \n

{project.description}

\n );\n}\n\nfunction Privacy({ privacy }: { privacy: \"public\" | \"unlisted\" | \"private\" }) {\n switch (privacy) {\n case \"public\":\n return null; //

public

;\n case \"unlisted\":\n return

(Unlisted)

;\n case \"private\":\n return

(Private)

;\n }\n}\n","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/dinavinter/Townie/code/frontend/components/ProjectsRoute.tsx","extension","actionData","errors"]