feat: enabled download button for all documents (#2371)

Author: chesterkmr

apps/backoffice-v2/src/common/components/molecules/DownloadFile/DownloadFile.tsx

@@ -1,6 +1,6 @@
-import { ctw } from '@/common/utils/ctw/ctw';
-import React, { ComponentProps, FunctionComponent } from 'react';
 import { DownloadFileSvg } from '@/common/components/atoms/icons';
+import { ctw } from '@/common/utils/ctw/ctw';
+import { ComponentProps, FunctionComponent } from 'react';
 
 export interface IDownloadFile extends ComponentProps<'div'> {
   heading: string;

apps/backoffice-v2/src/pages/Entity/components/Case/Case.Documents.Toolbar.tsx

@@ -1,9 +1,9 @@
 import { Download, ExternalLinkIcon, FileText } from 'lucide-react';
 import { FunctionComponent } from 'react';
 
+import { ImageViewer } from '@/common/components/organisms/ImageViewer/ImageViewer';
 import { ctw } from '@/common/utils/ctw/ctw';
 import { isPdf } from '@/common/utils/is-pdf/is-pdf';
-import { ImageViewer } from '@/common/components/organisms/ImageViewer/ImageViewer';
 import { useDocumentsToolbarLogic } from '@/pages/Entity/components/Case/hooks/useDocumentsToolbarLogic/useDocumentsToolbarLogic';
 
 export const DocumentsToolbar: FunctionComponent<{
@@ -60,9 +60,6 @@ export const DocumentsToolbar: FunctionComponent<{
       <a
         className={ctw(
           `btn btn-circle btn-ghost btn-sm bg-base-300/70 text-[0.688rem] focus:outline-primary`,
-          {
-            'pointer-events-none opacity-50': !shouldDownload,
-          },
         )}
         download={image?.fileName}
         href={fileToDownloadBase64}

apps/backoffice-v2/src/pages/Entity/components/Case/Case.Documents.tsx

@@ -1,14 +1,14 @@
-import 'react-image-crop/dist/ReactCrop.css';
 import { FunctionComponent } from 'react';
+import 'react-image-crop/dist/ReactCrop.css';
 
-import { ctw } from '@/common/utils/ctw/ctw';
-import { IDocumentsProps } from './interfaces';
-import { useDocuments } from './hooks/useDocuments/useDocuments';
+import { DownloadFile } from '@/common/components/molecules/DownloadFile/DownloadFile';
 import { ImageEditor } from '@/common/components/molecules/ImageEditor/ImageEditor';
 import { ImageViewer } from '@/common/components/organisms/ImageViewer/ImageViewer';
-import { DownloadFile } from '@/common/components/molecules/DownloadFile/DownloadFile';
-import { DocumentsToolbar } from '@/pages/Entity/components/Case/Case.Documents.Toolbar';
+import { ctw } from '@/common/utils/ctw/ctw';
 import { keyFactory } from '@/common/utils/key-factory/key-factory';
+import { DocumentsToolbar } from '@/pages/Entity/components/Case/Case.Documents.Toolbar';
+import { useDocuments } from './hooks/useDocuments/useDocuments';
+import { IDocumentsProps } from './interfaces';
 
 /**
  * @description To be used by {@link Case}, and be wrapped by {@link Case.Content}. Displays a single entity's documents using {@link ImageViewer}. Displays documents[0].imageUrl if no document was selected yet.