fix guestbook UI

POAP-booth/src/game.ts

@@ -8,7 +8,7 @@ let guestBook = new GuestBook(
   {
     position: new Vector3(10, 0, 6),
   },
-  'genesis'
+  'test'
 )
 
 // POAP BOOTH

POAP-booth/src/ui.ts

@@ -8,46 +8,56 @@ let UIOpenTime
 const imageTexture = new Texture('images/UI_Guestbook.png')
 const scaleMultiplier = 0.7
 
-export let guestBookPage = 1
-
-var linesPerGuestBookPage = 5
-
-let allSignatures = []
+var linesPerGuestBookPage = 14
 
 export async function openUI(event: string) {
   UIOpenTime = +Date.now()
   background.visible = true
   background.isPointerBlocker = true
-  SignButton.visible = true
-  NextButton.visible = true
-  LastButton.visible = true
-  signaturesUI.visible = true
-  SignButton.isPointerBlocker = true
-  NextButton.isPointerBlocker = true
-  LastButton.isPointerBlocker = true
-  guestBookPage = 1
+  let guestBookPage = 1
+
+  let allSignatures = await getGuestBook(event)
+  let totalPages = displaySignatures(allSignatures, guestBookPage)
 
   SignButton.onClick = new OnClick(() => {
     signGuestBook(event)
     closeUI()
     log('signed guestbook')
   })
 
-  NextButton.onClick = new OnClick(() => {
+  log('On page ', guestBookPage, ' of ', totalPages)
+
+  if (totalPages < 2) {
+    LastButton.visible = false
+    NextButton.visible = false
+  } else {
+    LastButton.visible = false
+    NextButton.visible = true
+  }
+
+  NextButton.onClick = new OnClick(async () => {
     guestBookPage += 1
-    getGuestBook(event)
+
+    allSignatures = await getGuestBook(event)
+    displaySignatures(allSignatures, guestBookPage)
+    LastButton.visible = true
+    if (guestBookPage >= totalPages) {
+      NextButton.visible = false
+    }
   })
 
-  LastButton.onClick = new OnClick(() => {
+  LastButton.onClick = new OnClick(async () => {
     guestBookPage -= 1
     if (guestBookPage < 1) {
       guestBookPage = 1
     }
-    getGuestBook(event)
+    allSignatures = await getGuestBook(event)
+    displaySignatures(allSignatures, guestBookPage)
+    NextButton.visible = true
+    if (guestBookPage == 1) {
+      LastButton.visible = false
+    }
   })
-
-  allSignatures = await getGuestBook(event)
-  displaySignatures()
 }
 
 export function closeUI() {
@@ -94,41 +104,35 @@ SignButton.sourceLeft = 76
 SignButton.sourceTop = 0
 SignButton.sourceWidth = 460
 SignButton.sourceHeight = 75
-SignButton.visible = false
-SignButton.isPointerBlocker = false
 
 export const NextButton = new UIImage(background, imageTexture)
-NextButton.name = 'LastButton'
+NextButton.name = 'NextButton'
 NextButton.width = 76 * scaleMultiplier
 NextButton.height = 76 * scaleMultiplier
 NextButton.hAlign = 'center'
 NextButton.vAlign = 'center'
 NextButton.positionY = 0
-NextButton.positionX = -300
-NextButton.sourceLeft = 0
+NextButton.positionX = 300
+NextButton.sourceLeft = 537
 NextButton.sourceTop = 0
 NextButton.sourceWidth = 75
 NextButton.sourceHeight = 75
-NextButton.visible = false
-NextButton.isPointerBlocker = false
 
 export const LastButton = new UIImage(background, imageTexture)
-LastButton.name = 'NextButton'
+LastButton.name = 'LastButton'
 LastButton.width = 76 * scaleMultiplier
 LastButton.height = 76 * scaleMultiplier
 LastButton.hAlign = 'center'
 LastButton.vAlign = 'center'
 LastButton.positionY = 0
-LastButton.positionX = 300
-LastButton.sourceLeft = 537
+LastButton.positionX = -300
+LastButton.sourceLeft = 0
 LastButton.sourceTop = 0
 LastButton.sourceWidth = 75
 LastButton.sourceHeight = 75
-LastButton.visible = false
-LastButton.isPointerBlocker = false
 
 // arrange all signatures into pages
-function displaySignatures() {
+function displaySignatures(allSignatures: any[], guestBookPage: number) {
   let signaturePage = 0
   let signatureList = ['']
   for (let i = 0; i < allSignatures.length; i++) {
@@ -154,6 +158,8 @@ function displaySignatures() {
     ' :',
     signatureList[guestBookPage - 1]
   )
+
+  return signatureList.length
 }
 
 // Instance the input object