pubiiii

arkitektio · Sep 12, 2023 · bf9a469 · bf9a469
1 parent 450634f
commit bf9a469
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git 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
@@ -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>