Merge branch 'development' of gitlab.com:mbugroup/lti-web-client into feat/FE/US-76/TASK-114-129-136-slicing-ui-and-validation-create-edit-daily-recording-growing-form

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

@@ -1174,14 +1174,27 @@ const MovementForm = ({ type = 'add', initialValues }: MovementFormProps) => {
                         </td>
                         <td>
                           {type === 'detail' ? (
-                            <TextInput
-                              readOnly
-                              value={delivery.document_path || '-'}
-                              className={{
-                                wrapper: 'w-full min-w-52 md:w-72 lg:w-80',
-                              }}
-                              name={`deliveries.${idx}.document_path`}
-                            />
+                            <Button
+                              color='primary'
+                              className='w-full min-w-52 flex items-center justify-center gap-2'
+                              disabled={!delivery.document_path}
+                              href={delivery.document_path ?? undefined}
+                              target='_blank'
+                              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`}