aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/app/components/error.tsx
diff options
context:
space:
mode:
authorHsiangNianian <admin@jyunko.cn>2023-04-17 18:53:55 +0000
committerHsiangNianian <admin@jyunko.cn>2023-04-17 18:53:55 +0000
commitb135aac8531c1e1488147ad8c6f98eddbdbe0c99 (patch)
tree189e9fea7109564d63207e231d5b0e5624243072 /app/components/error.tsx
downloadHydroRoll-b135aac8531c1e1488147ad8c6f98eddbdbe0c99.tar.gz
HydroRoll-b135aac8531c1e1488147ad8c6f98eddbdbe0c99.zip
Initial commit
Created from https://vercel.com/new
Diffstat (limited to 'app/components/error.tsx')
-rw-r--r--app/components/error.tsx11
1 files changed, 11 insertions, 0 deletions
diff --git a/app/components/error.tsx b/app/components/error.tsx
new file mode 100644
index 0000000..acf36d7
--- /dev/null
+++ b/app/components/error.tsx
@@ -0,0 +1,11 @@
+type Props = {
+ message: string;
+};
+
+export const ErrorMessage: React.FC<Props> = ({ message }) => {
+ return (
+ <div className="flex items-center justify-center my-8 lg:my-16">
+ <span className="px-4 py-2 text-red-500 border rounded border-red-500/50 bg-red-500/10"> {message}</span>
+ </div>
+ );
+};