Merge pull request #38 from projectsveltos/ui-fixes

fix error messages display
projectsveltos · Oct 12, 2024 · 8370f7f · 8370f7f
2 parents 8cd7d76 + c40dad7
commit 8370f7f
Showing 1 changed file with 34 additions and 0 deletions.
diff --git a/src/modules/clusters/cluster-information/components/AddonsTable/AddonsTable.tsx b/src/modules/clusters/cluster-information/components/AddonsTable/AddonsTable.tsx
@@ -16,6 +16,7 @@ import {
 import { Button } from "@/components/ui/button";
 import {
   Check,
+  Copy,
   ExternalLink,
   ImageOff,
   MoreHorizontal,
@@ -38,6 +39,11 @@ import {
   resourceColumns,
 } from "@/modules/clusters/cluster-information/components/AddonsTable/Columns";
 import { AddonColumn, AddonTableTypes } from "@/types/addonTable.types";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 
 export const AddonsTable = ({
   data,
@@ -194,6 +200,34 @@ export const AddonsTable = ({
                               },
                             )}
                           </TableCell>
+                        ) : column.keys == AddonTableTypes.FAILURE_MESSAGE ? (
+                          <Tooltip>
+                            <TooltipTrigger>
+                              {row.failureMessage && (
+                                <TableCell>
+                                  <Button
+                                    variant="ghost"
+                                    size="icon"
+                                    onClick={() =>
+                                      navigator.clipboard.writeText(
+                                        row.failureMessage,
+                                      )
+                                    }
+                                    className="ml-2"
+                                  >
+                                    <Copy className="h-4 w-4" />
+                                    <span className="sr-only">Copy</span>
+                                  </Button>
+                                  <span className=" break-words whitespace-normal">
+                                    {row.failureMessage}
+                                  </span>
+                                </TableCell>
+                              )}
+                              <TooltipContent>
+                                <p>{row.failureMessage}</p>
+                              </TooltipContent>
+                            </TooltipTrigger>
+                          </Tooltip>
                         ) : column.keys == AddonTableTypes.STATUS ? (
                           <TableCell>
                             <Badge className={colorFromStatus(row.status)}>