Merge pull request #39 from j-h-scheufen/develop

Fix Release to main
Axe-DAO · Oct 22, 2024 · 62fa6ed · 62fa6ed
2 parents f616ac6 + 7599d0f
commit 62fa6ed
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 10 deletions.
diff --git a/packages/quilombo/components/Profile/ProfileGroupAssociation.tsx b/packages/quilombo/components/Profile/ProfileGroupAssociation.tsx
@@ -5,17 +5,14 @@ import { useAtomValue } from 'jotai';
 
 import GroupCard from '@/components/GroupCard';
 import { currentUserGroupAtom } from '@/hooks/state/currentUser';
+import CreateGroupAssociation from '../CreateGroupAssociation';
 
 const ProfileGroupAssociation = () => {
   const { data: group, isFetching } = useAtomValue(currentUserGroupAtom);
 
   if (isFetching) return <Spinner />;
 
-  return group ? (
-    <GroupCard group={group} />
-  ) : (
-    <div className="text-default-500 text-sm">You are currently not associated with a group</div>
-  );
+  return group ? <GroupCard group={group} /> : <CreateGroupAssociation />;
 };
 
 export default ProfileGroupAssociation;
diff --git a/packages/quilombo/components/forms/ImageUpload.tsx b/packages/quilombo/components/forms/ImageUpload.tsx
@@ -29,8 +29,6 @@ const ImageUpload = ({ value, ownerId, useFileUploadMutation: useDynamicMutation
   const [validationError, setValidationError] = useState<string | null>(null);
   const fileInputRef = useRef<HTMLInputElement | null>(null);
 
-  console.log('value in ImageUpload', value);
-  console.log('imagePreview;', imagePreview);
   const selectImageFile = () => {
     fileInputRef.current?.click();
   };

diff --git a/packages/quilombo/config/constants.ts b/packages/quilombo/config/constants.ts
@@ -85,7 +85,7 @@ export const IMAGE_FORMATS: Record<ImageType, ResizeOptions> = {
   groupBanner: { height: 250, width: 800, fit: 'cover', position: 'attention' },
 };
 
-export const MAX_IMAGE_UPLOAD_SIZE_MB = 5;
+export const MAX_IMAGE_UPLOAD_SIZE_MB = 4.5; // 4.5 MB is the current limit for Vercel serverless functions! https://vercel.com/docs/concepts/limits/overview#serverless-function-payload-size-limit
 
 export const PINATA_FILE_GROUP = 'd923dfed-5f8d-440b-ae87-e8a43504eaa5'; // quilombo group ID
 

diff --git a/packages/quilombo/utils/pinata.ts b/packages/quilombo/utils/pinata.ts
@@ -23,8 +23,8 @@ export const pinToGroup = async (
     return { error: `Invalid input data. Unsupported image mime-type. ${inFileType?.mime}`, errorStatus: 400 };
   }
 
-  // Image processing
-  const imageBuffer = await sharp(buffer).resize(resizeOptions).webp({ lossless: true }).toBuffer();
+  // Image processing (hint: rotate() is used to fix orientation before removing EXIF data)
+  const imageBuffer = await sharp(buffer).rotate().resize(resizeOptions).webp({ lossless: true }).toBuffer();
 
   const uploadData = new FormData();
   uploadData.append('file', new Blob([imageBuffer]));