diff --git a/components/reply.js b/components/reply.js index 06790912..684d2312 100644 --- a/components/reply.js +++ b/components/reply.js @@ -4,6 +4,7 @@ import { gql, useMutation } from '@apollo/client' import styles from './reply.module.css' import { COMMENTS } from '../fragments/comments' import { useMe } from './me' +import ActionTooltip from './action-tooltip' export const CommentSchema = Yup.object({ text: Yup.string().required('required').trim() @@ -70,7 +71,9 @@ export default function Reply ({ parentId, onSuccess, autoFocus }) { required hint={me?.freeComments ? {me.freeComments} free comments left : null} /> - reply + + reply + ) diff --git a/components/upvote.js b/components/upvote.js index 053a7377..8f7ca981 100644 --- a/components/upvote.js +++ b/components/upvote.js @@ -4,6 +4,7 @@ import styles from './upvote.module.css' import { gql, useMutation } from '@apollo/client' import { signIn, useSession } from 'next-auth/client' import { useFundError } from './fund-error' +import ActionTooltip from './action-tooltip' export default function UpVote ({ itemId, meSats, className }) { const [session] = useSession() @@ -35,15 +36,16 @@ export default function UpVote ({ itemId, meSats, className }) { return ( {({ strike }) => - + 1 ? styles.stimi : styles.voted) : ''}` } - onClick={ + onClick={ session ? async (e) => { e.stopPropagation() @@ -61,7 +63,8 @@ export default function UpVote ({ itemId, meSats, className }) { } : signIn } - />} + /> + } ) } diff --git a/pages/post.js b/pages/post.js index 8fe0e946..b4bf5428 100644 --- a/pages/post.js +++ b/pages/post.js @@ -7,6 +7,7 @@ import { gql, useMutation } from '@apollo/client' import LayoutCenter from '../components/layout-center' import { ensureProtocol } from '../lib/url' import { useMe } from '../components/me' +import ActionTooltip from '../components/action-tooltip' export const DiscussionSchema = Yup.object({ title: Yup.string().required('required').trim() @@ -50,7 +51,9 @@ export function DiscussionForm () { as='textarea' rows={4} /> - post + + post + ) } @@ -109,7 +112,9 @@ export function LinkForm () { name='url' required /> - post + + post + ) } diff --git a/styles/globals.scss b/styles/globals.scss index 307980bd..82f0b747 100644 --- a/styles/globals.scss +++ b/styles/globals.scss @@ -48,6 +48,7 @@ $nav-link-padding-y: .1rem; $nav-tabs-link-active-bg: #fff; $nav-tabs-link-hover-border-color: transparent; $nav-tabs-link-active-border-color: #ced4da #ced4da $nav-tabs-link-active-bg; +$tooltip-bg: #5c8001; @import "~bootstrap/scss/bootstrap";