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

2026-05-22 22:35:45 +00:00 · 2025-10-20 15:23:18 +07:00
parent f27e34128e
commit c3338d3e05
2 changed files with 27 additions and 10 deletions
@@ -1163,14 +1163,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`}