nullndr/website
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

refactor: code refactor

Browse Source
This commit is contained in:
Andrea
2023-03-02 08:43:46 +01:00
parent bd16bc4fcf
commit b0672af566
7 changed files with 230 additions and 942 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
app/root.tsx
View File

@@ -64,3 +64,28 @@ export function CatchBoundary() {
</html>
);
}
export function ErrorBoundary() {
return (
<html lang="en">
<head>
<Meta />
<Links />
</head>
<body className="bg-[#202020] text-[#d6d6d6] font-['monospace']">
<div className="flex flex-col items-center justify-around h-[100vh]">
<div>
<div className="text-center text-[#ffff00] text-[10vw] font-bold">
Something bad happened
</div>
<div className="text-center">
<Link to="/" className="hover:text-[#e6c2bf]">
Home
</Link>
</div>
</div>
</div>
</body>
</html>
);
}

3
app/routes/blog/PostsWrapper.tsx
View File

@@ -1,3 +0,0 @@
export function PostsWrapper({ children }: React.PropsWithChildren) {
return <div className="mt-5 px-10 w-max">{children}</div>;
}

9
app/routes/blog/route.tsx
View File

@@ -2,7 +2,6 @@ import { Link, useLoaderData } from "@remix-run/react";
import { findPosts } from "~/models/posts.server";
import { EmptyState } from "./EmptyState";
import { Post } from "./Post";
import { PostsWrapper } from "./PostsWrapper";
export const loader = async () => {
return findPosts();
@@ -19,11 +18,11 @@ export default function () {
<span>Here I blog about whatever get my attention</span>
</div>
{posts.length > 0 ? (
<PostsWrapper>
{posts.map((post) => (
<Post {...post} />
<div className="mt-5 px-10 w-max">
{posts.map((post, i) => (
<Post {...post} key={i} />
))}
</PostsWrapper>
</div>
) : (
<EmptyState />
)}