Fix: attachements are not loaded

Author: harshithmullapudi

apps/server/src/modules/attachments/attachments.controller.ts

@@ -90,6 +90,34 @@ export class AttachmentController {
     }
   }
 
+  @Get(':workspaceId/:attachmentId')
+  @UseGuards(AuthGuard)
+  async getFileFromGCSForWorkspace(
+    @Param() attachementRequestParams: AttachmentRequestParams,
+    @Res() res: Response,
+  ) {
+    try {
+      const { signedUrl, contentType } =
+        await this.attachementService.getFileFromStorageSignedUrl(
+          attachementRequestParams,
+          attachementRequestParams.workspaceId,
+        );
+
+      // Set content disposition header with the original filename
+      res.set({
+        'Content-Type': contentType,
+        'Content-Disposition': 'inline',
+        'Cache-Control': 'public, immutable, max-age=31536000', // Cache for 1 year (effectively infinite)
+      });
+
+      https.get(signedUrl, (stream) => {
+        stream.pipe(res);
+      });
+    } catch (error) {
+      res.status(404).send('File not found');
+    }
+  }
+
   @Get(':attachmentId')
   @UseGuards(AuthGuard)
   async getFileFromGCS(

apps/server/src/modules/attachments/attachments.interface.ts

@@ -3,6 +3,9 @@ import { IsOptional, IsString } from 'class-validator';
 export class AttachmentRequestParams {
   @IsString()
   attachmentId: string;
+
+  @IsString()
+  workspaceId: string;
 }
 
 export interface ExternalFile {

apps/server/src/modules/attachments/attachments.service.ts

@@ -59,7 +59,7 @@ export class AttachmentService {
         contentType: file.contentType,
       });
 
-      const publicURL = `${process.env.PUBLIC_ATTACHMENT_URL}/v1/attachment/${workspaceId}/${attachment.id}`;
+      const publicURL = `${process.env.PUBLIC_ATTACHMENT_URL}/v1/attachment/${attachment.id}`;
 
       return {
         url,

packages/ui/src/custom.css

@@ -81,11 +81,12 @@ ul[data-type='taskList'] li[data-checked='true'] > div > p {
 
 .side-issue-view .context-box {
   @apply border border-border;
+  border-radius: 0 !important;
   box-shadow: 0px 16px 32px 0px rgba(20, 20, 20, 0.2) !important;
 }
 
 .side-issue-view .main-container {
-  @apply py-2;
+  padding: 0 !important;
 }
 
 .dark .side-issue-view .context-box {