tip button

components/upvote.js

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

svgs/tip.svg

@@ -0,0 +1,5 @@
+<svg width="113" height="287" viewBox="0 0 113 287" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M113 193.466H63.9521L81.8631 287H18.3805L0 164.407H63.9521L48.2088 61.6876H21.9367L61.175 0L100.593 61.6876H77.3678L113 193.466Z"/>
+<rect x="17" y="106" width="17.8947" height="51"/>
+<rect x="51" y="123" width="17.8947" height="51" transform="rotate(90 51 123)"/>
+</svg>