feat(FE-62): add button for document path in MovementForm with link functionality

src/components/Button.tsx

@@ -1,7 +1,5 @@
 import react from 'react';
-
 import Link from 'next/link';
-
 import { cn } from '@/lib/helper';
 import { Color } from '@/types/theme';
 
@@ -10,6 +8,8 @@ interface ButtonProps extends react.ComponentProps<'button'> {
   color?: Color;
   href?: string;
   isLoading?: boolean;
+  target?: string;
+  rel?: string;
 }
 
 const Button = ({
@@ -22,6 +22,8 @@ const Button = ({
   className,
   disabled,
   onClick,
+  target,
+  rel,
   ...props
 }: ButtonProps) => {
   const btnBaseClassName = cn(
@@ -68,6 +70,8 @@ const Button = ({
       {href && (
         <Link
           href={disabled ? '#' : href}
+          target={target}
+          rel={rel}
           aria-disabled={disabled}
           className={cn(
             btnBaseClassName,

src/components/pages/inventory/movement/form/MovementForm.tsx

@@ -1163,14 +1163,27 @@ const MovementForm = ({ type = 'add', initialValues }: MovementFormProps) => {
                         </td>
                         <td>
                           {type === 'detail' ? (
-                            <TextInput
+                            <Button
-                              readOnly
+                              color='primary'
-                              value={delivery.document_path || '-'}
+                              className='w-full min-w-52 flex items-center justify-center gap-2'
-                              className={{
+                              disabled={!delivery.document_path}
-                                wrapper: 'w-full min-w-52 md:w-72 lg:w-80',
+                              href={delivery.document_path ?? undefined}
-                              }}
+                              target='_blank'
-                              name={`deliveries.${idx}.document_path`}
+                              rel='noopener noreferrer'
-                            />
+                            >
+                              {delivery.document_path ? (
+                                <>
+                                  <Icon
+                                    icon='material-symbols:file-open-outline'
+                                    width={20}
+                                    height={20}
+                                  />
+                                  Lihat Dokumen
+                                </>
+                              ) : (
+                                '-'
+                              )}
+                            </Button>
                           ) : (
                             <FileInput
                               name={`deliveries.${idx}.document`}