From 5b821906cf29491796095bd45d5a1a7baba5124d Mon Sep 17 00:00:00 2001
From: keyan <keyan.kousha+huumn@gmail.com>
Date: Fri, 11 Aug 2023 18:43:45 -0500
Subject: [PATCH] use builtin copy input label

---
 api/resolvers/item.js | 12 ++++++++----
 components/invoice.js |  6 ++++--
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/api/resolvers/item.js b/api/resolvers/item.js
index 7ab504ab..d9247810 100644
--- a/api/resolvers/item.js
+++ b/api/resolvers/item.js
@@ -672,7 +672,8 @@ export default {
         return item
       } else {
         const [query] = await serialize(models,
-          models.$queryRawUnsafe(`${SELECT} FROM create_poll($1, $2, $3, $4::INTEGER, $5::INTEGER, $6::INTEGER, $7, $8::INTEGER, '${spamInterval}') AS "Item"`,
+          models.$queryRawUnsafe(
+            `${SELECT} FROM create_poll($1, $2, $3, $4::INTEGER, $5::INTEGER, $6::INTEGER, $7, $8::INTEGER, '${spamInterval}') AS "Item"`,
             sub || 'bitcoin', title, text, 1, Number(boost || 0), Number(author.id), options, Number(fwdUser?.id)), ...trx)
         const item = trx.length > 0 ? query[0] : query
 
@@ -718,7 +719,8 @@ export default {
     },
     createComment: async (parent, data, { me, models }) => {
       await ssValidate(commentSchema, data)
-      const item = await createItem(parent, data, { me, models, invoiceHash: data.invoiceHash, invoiceHmac: data.invoiceHmac })
+      const item = await createItem(parent, data,
+        { me, models, invoiceHash: data.invoiceHash, invoiceHmac: data.invoiceHmac })
       // fetch user to get up-to-date name
       const user = await models.user.findUnique({ where: { id: me?.id || ANON_USER_ID } })
 
@@ -787,7 +789,8 @@ export default {
       const [{ item_act: vote }] = await serialize(models, ...calls)
 
       const updatedItem = await models.item.findUnique({ where: { id: Number(id) } })
-      const title = `your ${updatedItem.title ? 'post' : 'reply'} ${updatedItem.fwdUser ? 'forwarded' : 'stacked'} ${numWithUnits(msatsToSats(updatedItem.msats))}${updatedItem.fwdUser ? ` to @${updatedItem.fwdUser.name}` : ''}`
+      const title = `your ${updatedItem.title ? 'post' : 'reply'} ${updatedItem.fwdUser ? 'forwarded' : 'stacked'} ${
+        numWithUnits(msatsToSats(updatedItem.msats))}${updatedItem.fwdUser ? ` to @${updatedItem.fwdUser.name}` : ''}`
       sendUserNotification(updatedItem.userId, {
         title,
         body: updatedItem.title ? updatedItem.title : updatedItem.text,
@@ -815,7 +818,8 @@ export default {
         throw new GraphQLError('cannot downvote your self', { extensions: { code: 'BAD_INPUT' } })
       }
 
-      await serialize(models, models.$queryRaw`SELECT item_act(${Number(id)}::INTEGER, ${me.id}::INTEGER, 'DONT_LIKE_THIS', ${DONT_LIKE_THIS_COST}::INTEGER)`)
+      await serialize(models, models.$queryRaw`SELECT item_act(${Number(id)}::INTEGER,
+        ${me.id}::INTEGER, 'DONT_LIKE_THIS', ${DONT_LIKE_THIS_COST}::INTEGER)`)
 
       return true
     }
diff --git a/components/invoice.js b/components/invoice.js
index 4dbcec1a..8d2a5606 100644
--- a/components/invoice.js
+++ b/components/invoice.js
@@ -69,9 +69,11 @@ const Contacts = ({ invoiceHash, invoiceHmac }) => {
   const body = 'Hi, I successfully paid for <insert action> but the action did not work.'
   return (
     <div className='d-flex flex-column justify-content-center mt-2'>
-      <div className='pb-2 fw-bold'>payment token</div>
       <div className='w-100'>
-        <CopyInput type='text' placeholder={invoiceHash + '|' + invoiceHmac} readOnly noForm />
+        <CopyInput
+          label={<>payment token <small className='text-danger fw-normal ms-2'>save this</small></>}
+          type='text' placeholder={invoiceHash + '|' + invoiceHmac} readOnly noForm
+        />
       </div>
       <div className='d-flex flex-row justify-content-center'>
         <a