ekzyis
/
stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change tip upvote icon

This commit is contained in:
keyan 2021-11-26 13:24:51 -06:00
parent 70c4edfbaa
commit cb3a731785
4 changed files with 7 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/comment.js
View File

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

7
components/item.js
View File

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

2
components/upvote.js
View File

@ -1,6 +1,6 @@
import { LightningConsumer } from './lightning' import { LightningConsumer } from './lightning'
import UpArrow from '../svgs/lightning-arrow.svg' 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 styles from './upvote.module.css'
import { gql, useMutation } from '@apollo/client' import { gql, useMutation } from '@apollo/client'
import { signIn } from 'next-auth/client' import { signIn } from 'next-auth/client'

4
svgs/lightning-pplus.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 361 B