Merge pull request #200 from poap-xyz/release/v1.12.1

Release v1.12.1
poap-xyz · Apr 28, 2024 · d639fce · d639fce
2 parents a2a5777 + b605b9d
commit d639fce
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 12 deletions.
diff --git a/netlify/edge-functions/frame.jsx b/netlify/edge-functions/frame.jsx
@@ -59,7 +59,7 @@ export default async function handler(request, context) {
           display: 'flex',
           position: 'absolute',
           top: '0',
-          left: '0',
+          left: '233px',
           width: '512px',
           height: '512px',
           borderRadius: '50%',
@@ -68,11 +68,11 @@ export default async function handler(request, context) {
     )
   } else if (eventsInfo.length < 6) {
     images.push(
-      ...renderEventsImages(eventsInfo.map((eventInfo) => eventInfo.event), 512, 224, 0)
+      ...renderEventsImages(eventsInfo.map((eventInfo) => eventInfo.event), 512, 224, [233, 0])
     )
   } else {
     images.push(
-      ...renderEventsImages(eventsInfo.slice(0, 8).map((eventInfo) => eventInfo.event), 512, 192, 0)
+      ...renderEventsImages(eventsInfo.slice(0, 8).map((eventInfo) => eventInfo.event), 512, 192, [233, 0])
     )
   }
 
@@ -87,7 +87,7 @@ export default async function handler(request, context) {
         style={{
           display: 'flex',
           position: 'relative',
-          width: '512px',
+          width: '978px',
           height: '512px',
         }}
       >
@@ -97,7 +97,7 @@ export default async function handler(request, context) {
             position: 'absolute',
             top: '0',
             left: '0',
-            width: '512px',
+            width: '978px',
             height: '512px',
             borderRadius: '50%',
           }}
@@ -110,7 +110,7 @@ export default async function handler(request, context) {
             position: 'absolute',
             top: '0',
             left: '0',
-            width: '512px',
+            width: '978px',
             height: '512px',
             background: 'linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.9) 80%)',
           }}
@@ -123,7 +123,7 @@ export default async function handler(request, context) {
               position: 'relative',
               left: '0',
               top: '0',
-              width: '512px',
+              width: '978px',
               height: '512px',
             }}
           >
@@ -146,7 +146,7 @@ export default async function handler(request, context) {
       </div>
     ),
     {
-      width: 512,
+      width: 978,
       height: 512,
       fonts: [
         {

diff --git a/netlify/utils/image.js b/netlify/utils/image.js
@@ -3,16 +3,26 @@ export function renderEventsImages(events, canvas, size, pos) {
     return []
   }
 
+  let posX = 0
+  let posY = 0
+  if (typeof pos === 'number') {
+    posX = pos
+    posY = pos
+  } else if (Array.isArray(pos) && pos.length === 2) {
+    [posX, posY] = pos
+  }
+
   const angle = 360 / events.length
   const offset = size / 2
   const radius = (canvas - size) / 2
-  const center = pos + offset + radius
+  const centerX = posX + offset + radius
+  const centerY = posY + offset + radius
 
   const images = []
 
   events.forEach((event, i) => {
-    const x = center + radius * Math.cos(angle * i * Math.PI / 180)
-    const y = center + radius * Math.sin(angle * i * Math.PI / 180)
+    const x = centerX + radius * Math.cos(angle * i * Math.PI / 180)
+    const y = centerY + radius * Math.sin(angle * i * Math.PI / 180)
 
     images.push({
       type: 'img',

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@poap-xyz/poap-family",
-  "version": "1.12.0",
+  "version": "1.12.1",
   "author": {
     "name": "POAP",
     "url": "https://poap.xyz"