change tip upvote icon

components/comment.js

@@ -72,17 +72,11 @@ export default function Comment ({
         <div className={`${itemStyles.hunk} ${styles.hunk}`}>
           <div className='d-flex align-items-center'>
             <div className={`${itemStyles.other} ${styles.other}`}>
-              <span>{item.sats} sats</span>
+              <span title={`${item.sats} upvotes \\ ${item.tips} tipped`}>{item.sats + item.tips} sats</span>
               <span> \ </span>
               {item.boost > 0 &&
                 <>
                   <span>{item.boost} boost</span>
-                  <span> \ </span>
-                </>}
-              {item.tips > 0 &&
-                <>
-                  <span>{item.tips} tipped</span>
-                  <span> \ </span>
                 </>}
               <Link href={`/items/${item.id}`} passHref>
                 <a onClick={e => e.stopPropagation()} className='text-reset'>{item.ncomments} replies</a>

components/item.js

@@ -46,18 +46,13 @@ export default function Item ({ item, rank, children }) {
               </a>}
           </div>
           <div className={`${styles.other}`}>
-            <span>{item.sats} sats</span>
+            <span title={`${item.sats} upvotes \\ ${item.tips} tipped`}>{item.sats + item.tips} sats</span>
             <span> \ </span>
             {item.boost > 0 &&
               <>
                 <span>{item.boost} boost</span>
                 <span> \ </span>
               </>}
-            {item.tips > 0 &&
-              <>
-                <span>{item.tips} tipped</span>
-                <span> \ </span>
-              </>}
             <Link href={`/items/${item.id}`} passHref>
               <a className='text-reset'>{item.ncomments} comments</a>
             </Link>

components/upvote.js

@@ -1,6 +1,6 @@
 import { LightningConsumer } from './lightning'
 import UpArrow from '../svgs/lightning-arrow.svg'
-import BoltAdd from '../svgs/tip.svg'
+import BoltAdd from '../svgs/lightning-pplus.svg'
 import styles from './upvote.module.css'
 import { gql, useMutation } from '@apollo/client'
 import { signIn } from 'next-auth/client'

svgs/lightning-pplus.svg

@@ -0,0 +1,4 @@
+<svg width="114" height="287" viewBox="0 0 114 287" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M78 223.449H44.1439L56.5072 287H12.6874L0 203.705H44.1439L33.2769 133.913H15.1421L42.227 92L69.436 133.913H53.4043L78 223.449Z"/>
+<path d="M63.3333 28.3333V0H87.2593V28.3333H114.333V52.2593H87.2593V79.3333H63.3333V52.2593H35V28.3333H63.3333Z"/>
+</svg>