open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Invert Tweet button

Browse Source
This commit is contained in:
Austin Chen 2022-03-18 17:05:06 -07:00
parent 2937c0d891
commit 758385f044
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/contract-card.tsx
View File

@ -233,7 +233,7 @@ export function ContractDetails(props: {
<div className="whitespace-nowrap">{liquidityLabel}</div> <div className="whitespace-nowrap">{liquidityLabel}</div>
</Row> </Row>
<TweetButton className={'self-end'} tweetText={tweetText} /> <TweetButton className="self-end" tweetText={tweetText} />
</Row> </Row>
</Col> </Col>
) )

13
web/components/tweet-button.tsx
View File

@ -9,18 +9,17 @@ export function TweetButton(props: { className?: string; tweetText?: string }) {
'btn btn-xs flex flex-row flex-nowrap border-none normal-case', 'btn btn-xs flex flex-row flex-nowrap border-none normal-case',
className className
)} )}
style={{ backgroundColor: '#1da1f2' }} style={{
backgroundColor: 'white',
border: '2px solid #1da1f2',
color: '#1da1f2',
}}
href={`https://twitter.com/intent/tweet?text=${encodeURIComponent( href={`https://twitter.com/intent/tweet?text=${encodeURIComponent(
tweetText ?? '' tweetText ?? ''
)}`} )}`}
target="_blank" target="_blank"
> >
<img <img className="mr-2" src={'/twitter-logo.svg'} width={15} height={15} />
className="mr-2"
src={'/twitter-icon-white.svg'}
width={15}
height={15}
/>
<div>Tweet</div> <div>Tweet</div>
</a> </a>
) )