Merge pull request #851 from gitroomhq/feat/thumbnails

Thumbnails and alt

Author: nevo-david

.github/workflows/build-containers.yml

@@ -52,12 +52,12 @@ jobs:
       - name: Build and Push Image
         env:
           CONTAINERVER: ${{ needs.build-containers-common.outputs.containerver }}
-          VERSION: ${{ github.ref_name }}
+          NEXT_PUBLIC_VERSION: ${{ github.ref_name }}
         run: |
           docker buildx build --platform linux/${{ matrix.arch }} \
             -f Dockerfile.dev \
             -t ghcr.io/gitroomhq/postiz-app:${{ env.CONTAINERVER }}-${{ matrix.arch }} \
-            --build-arg VERSION=${{ env.VERSION }} \
+            --build-arg NEXT_PUBLIC_VERSION=${{ env.NEXT_PUBLIC_VERSION }} \
             --provenance=false --sbom=false \
             --output "type=registry,name=ghcr.io/gitroomhq/postiz-app:${{ env.CONTAINERVER }}-${{ matrix.arch }}" .
 

Dockerfile.dev

@@ -1,6 +1,6 @@
 FROM node:20-alpine3.19
-ARG VERSION
-ENV VERSION=$VERSION
+ARG NEXT_PUBLIC_VERSION
+ENV NEXT_PUBLIC_VERSION=$NEXT_PUBLIC_VERSION
 RUN apk add --no-cache g++ make py3-pip supervisor bash caddy
 RUN npm --no-update-notifier --no-fund --global install [email protected] pm2
 

apps/backend/src/api/routes/media.controller.ts

@@ -22,6 +22,7 @@ import { FileInterceptor } from '@nestjs/platform-express';
 import { CustomFileValidationPipe } from '@gitroom/nestjs-libraries/upload/custom.upload.validation';
 import { SubscriptionService } from '@gitroom/nestjs-libraries/database/prisma/subscriptions/subscription.service';
 import { UploadFactory } from '@gitroom/nestjs-libraries/upload/upload.factory';
+import { SaveMediaInformationDto } from '@gitroom/nestjs-libraries/dtos/media/save.media.information.dto';
 
 @ApiTags('Media')
 @Controller('/media')
@@ -95,16 +96,38 @@ export class MediaController {
     if (!name) {
       return false;
     }
-    return this._mediaService.saveFile(org.id, name, process.env.CLOUDFLARE_BUCKET_URL + '/' + name);
+    return this._mediaService.saveFile(
+      org.id,
+      name,
+      process.env.CLOUDFLARE_BUCKET_URL + '/' + name
+    );
+  }
+
+  @Post('/information')
+  saveMediaInformation(
+    @GetOrgFromRequest() org: Organization,
+    @Body() body: SaveMediaInformationDto
+  ) {
+    return this._mediaService.saveMediaInformation(
+      org.id,
+      body
+    );
   }
 
   @Post('/upload-simple')
   @UseInterceptors(FileInterceptor('file'))
   async uploadSimple(
     @GetOrgFromRequest() org: Organization,
-    @UploadedFile('file') file: Express.Multer.File
+    @UploadedFile('file') file: Express.Multer.File,
+    @Body('preventSave') preventSave: string = 'false'
   ) {
     const getFile = await this.storage.uploadFile(file);
+
+    if (preventSave === 'true') {
+      const { path } = getFile;
+      return { path };
+    }
+
     return this._mediaService.saveFile(
       org.id,
       getFile.originalname,

apps/frontend/src/components/launches/ai.image.tsx

@@ -68,7 +68,7 @@ ${type}
             }
           : {})}
         className={clsx(
-          'relative ms-[10px] rounded-[4px] mb-[10px] gap-[8px] !text-primary justify-center items-center flex border border-dashed border-customColor21 bg-input',
+          'relative ms-[10px] rounded-[4px] gap-[8px] !text-primary justify-center items-center flex border border-dashed border-customColor21 bg-input',
           value.length < 30 && 'opacity-25'
         )}
       >

apps/frontend/src/components/launches/helpers/linkedin.component.tsx

@@ -101,6 +101,13 @@ export const LinkedinCompany: FC<{
   id: string;
 }> = (props) => {
   const { onClose, onSelect, id } = props;
+  const setActivateExitButton = useLaunchStore((e) => e.setActivateExitButton);
+  useEffect(() => {
+    setActivateExitButton(false);
+    return () => {
+      setActivateExitButton(true);
+    };
+  }, []);
   const fetch = useFetch();
   const [company, setCompany] = useState<any>(null);
   const toast = useToaster();
@@ -136,6 +143,7 @@ export const LinkedinCompany: FC<{
             <TopTitle title={'Select Company'} />
           </div>
           <button
+            onClick={onClose}
             className="outline-none absolute end-[20px] top-[20px] mantine-UnstyledButton-root mantine-ActionIcon-root bg-primary hover:bg-tableBorder cursor-pointer mantine-Modal-close mantine-1dcetaa"
             type="button"
           >