manifold/web/components/share-post-modal.tsx
Sinclair Chen 7863a4232d
Un-daisy share buttons (#1010)
* Make embed and challenge buttons non-daisyui

* Allow link Buttons. Change tweet, dupe buttons.

* lint
2022-10-05 15:51:10 -07:00

26 lines
755 B
TypeScript

import { Modal } from './layout/modal'
import { Col } from './layout/col'
import { Title } from './title'
import { TweetButton } from './tweet-button'
import { CopyLinkButton } from './copy-link-button'
export function SharePostModal(props: {
shareUrl: string
isOpen: boolean
setOpen: (open: boolean) => void
}) {
const { isOpen, setOpen, shareUrl } = props
return (
<Modal open={isOpen} setOpen={setOpen} size="md">
<Col className="gap-4 rounded bg-white p-4">
<Title className="!mt-0 !mb-2" text="Share this post" />
<CopyLinkButton url={shareUrl} tracking="copy share post link" />
<div className="self-center">
<TweetButton tweetText={shareUrl} />
</div>
</Col>
</Modal>
)
}