From bf9a469032e8649e8d824aa5407cb111b3322ca3 Mon Sep 17 00:00:00 2001
From: jhnnsrs <jhnnsrs@gmail.com>
Date: Tue, 12 Sep 2023 16:12:26 +0200
Subject: [PATCH] pubiiii

---
 src/repo/repo-provider.tsx                          |  2 +-
 src/screens/wizard/fields/ChannelSelectionField.tsx | 12 +++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/repo/repo-provider.tsx b/src/repo/repo-provider.tsx
index aa4309a..aca3dff 100644
--- a/src/repo/repo-provider.tsx
+++ b/src/repo/repo-provider.tsx
@@ -46,7 +46,7 @@ export const RepoProvider: React.FC<{ children: React.ReactNode }> = ({
       }
       catch (e) {
         if (e instanceof ValidationError) {
-          setErrorRepos(errors => [...errors, {repo: repoResult.name || "unknown", errors: e.inner}]);
+          setErrorRepos(errors => [...errors, {repo: repoResult.repo || "unknown", errors: e.inner}]);
         }
         console.error(e);
       }
diff --git a/src/screens/wizard/fields/ChannelSelectionField.tsx b/src/screens/wizard/fields/ChannelSelectionField.tsx
index 87dff3c..0a9050f 100644
--- a/src/screens/wizard/fields/ChannelSelectionField.tsx
+++ b/src/screens/wizard/fields/ChannelSelectionField.tsx
@@ -1,7 +1,8 @@
 import { useField } from "formik";
 import { Badge } from "../../../components/ui/badge";
-import { Card } from "../../../components/ui/card";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../../../components/ui/card";
 import { Channel, useRepo } from "../../../repo/repo-context";
+import { ScrollArea } from "../../../components/ui/scroll-area";
 
 export const ChannelSelectionField = ({ ...props }: any) => {
   const [field, meta, helpers] = useField<string | undefined>(props);
@@ -47,10 +48,11 @@ export const ChannelSelectionField = ({ ...props }: any) => {
           );
         })}
       </div>
-      <div>
-        {errors.map((e) => <div>{e.repo}
-        <div>{e.errors.map((e) => <div>{e.path} {e.message}</div>)}</div></div>)}
-      </div>
+      {errors.length > 0 && <div className="grid grid-cols-2 @xl:grid-cols-2 gap-2 mt-2 ">
+        {errors.map((e) => <Card className="bg-destructive"><CardHeader><CardTitle>Error</CardTitle><CardDescription>The repo {e.repo} is faulty</CardDescription></CardHeader>
+        <CardContent><ScrollArea>{e.errors.map((e) => <div>{e.path} {e.message}</div>)}</ScrollArea></CardContent>
+        <CardFooter>Tell these errors to the Repo Owner </CardFooter></Card>)}
+      </div>}
 
       {meta.touched && meta.error ? (
         <div className="error">{meta.error}</div>