Merge pull request #70 from bleu-fi/joao/click-743-simbolod-e-coracao…

…-e-favoritar

External link display option to data table

src/components/DataTable/DataTableRowActions.tsx

@@ -13,6 +13,8 @@ import { DynamicActionComponent } from "./DynamicActionComponent";
 export const DataTableRowActions = ({ row, column }) => {
   const actions = row.original.actions || column.columnDef.actions;
 
+  if (!actions?.length) return null;
+
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>

src/components/DataTable/SWRDataTable/index.tsx

@@ -139,6 +139,18 @@ export const renderDataTableCell = ({ filters, column, row, selectedRows }) => {
       );
     case "select":
       return value;
+    case "external_link":
+      return (
+        <a
+          href={value}
+          target="_blank"
+          rel="noreferrer"
+          className="underline text-primary flex items-center"
+        >
+          <Trans>Open</Trans>&nbsp;
+          <span>{column.columnDef.title}</span>
+        </a>
+      );
     default:
       return null;
   }

src/components/SectionTitle.tsx

@@ -1,11 +1,21 @@
 import React from "react";
+import { cn } from "#/lib/utils";
 
 type SectionTitleProps = {
   children: React.ReactNode;
+  className?: string;
 };
 
-export const SectionTitle: React.FC<SectionTitleProps> = ({ children }) => (
-  <h2 className="pt-8 text-2xl font-bold tracking-tigh text-foreground">
+export const SectionTitle: React.FC<SectionTitleProps> = ({
+  children,
+  className,
+}) => (
+  <h2
+    className={cn(
+      "pt-8 text-2xl font-bold tracking-tigh text-foreground",
+      className
+    )}
+  >
     {children}
   </h2>
 );

src/components/ui/Toast.tsx

@@ -7,16 +7,31 @@ import { cn } from "#/lib/utils";
 
 const ToastProvider = ToastPrimitives.Provider;
 
+const toastViewPortVariants = cva(
+  "fixed z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:flex-col md:max-w-[420px]",
+  {
+    variants: {
+      position: {
+        "top-right": "top-0 sm:right-0",
+        "bottom-right": "top-0 sm:bottom-0 sm:right-0",
+        "top-left": "top-0 sm:left-0",
+        "bottom-left": "top-0 sm:bottom-0 sm:left-0",
+      },
+    },
+    defaultVariants: {
+      position: "bottom-right",
+    },
+  }
+);
+
 const ToastViewport = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Viewport>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
->(({ className, ...props }, ref) => (
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport> &
+    VariantProps<typeof toastViewPortVariants>
+>(({ className, position, ...props }, ref) => (
   <ToastPrimitives.Viewport
     ref={ref}
-    className={cn(
-      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
-      className
-    )}
+    className={cn(toastViewPortVariants({ position }), className)}
     {...props}
   />
 ));
@@ -122,4 +137,5 @@ export {
   ToastDescription,
   ToastClose,
   ToastAction,
+  toastViewPortVariants,
 };

src/components/ui/Toaster.tsx

@@ -9,7 +9,11 @@ import {
 } from "#/components/ui/Toast";
 import { useToast } from "#/hooks/useToast";
 
-function Toaster() {
+function Toaster({
+  position = "top-right",
+}: {
+  position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+}) {
   const { toasts } = useToast();
 
   return (
@@ -24,7 +28,7 @@ function Toaster() {
           <ToastClose />
         </Toast>
       ))}
-      <ToastViewport />
+      <ToastViewport position={position} />
     </ToastProvider>
   );
 }

src/locales/en/translation.json

@@ -16,6 +16,7 @@
   "This action cannot be undone": "This action cannot be undone.",
   "Cancel": "Cancel",
   "Confirm": "Confirm",
+  "Open": "Open",
   "Something went wrong!": "Something went wrong!",
   "Pick a date": "Pick a date",
   "Click to Upload": "Click to Upload",

src/locales/pt-BR/translation.json

@@ -16,6 +16,7 @@
   "This action cannot be undone.": "Esta ação não pode ser desfeita.",
   "Cancel": "Cancelar",
   "Confirm": "Confirmar",
+  "Open": "Abrir",
   "Something went wrong!": "Algo deu errado!",
   "Pick a date": "Escolha uma data",
   "Click to Upload": "Clique para fazer upload",