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";