diff --git a/src/components/Comment/CommentTextArea.tsx b/src/components/Comment/CommentTextArea.tsx index 6afcf22231..9c11cb0edf 100644 --- a/src/components/Comment/CommentTextArea.tsx +++ b/src/components/Comment/CommentTextArea.tsx @@ -4,7 +4,7 @@ import { Box, Text } from 'rebass/styled-components' import theme from 'src/themes/styled.theme' import { Avatar } from '../Avatar' import { useCommonStores } from 'src' -import { Link } from 'react-router-dom' +import { Link } from '../Links' export interface IProps { onSubmit: (string) => Promise @@ -60,6 +60,10 @@ const TextStyled = styled(Text)` bottom: 6px; ` +const LoginTextStyled = styled(Text)` + padding: 1.5em 1em; +` + export const CommentTextArea = ({ onChange, comment, loading }) => { const { stores } = useCommonStores() const user = stores.userStore.activeUser @@ -81,9 +85,19 @@ export const CommentTextArea = ({ onChange, comment, loading }) => { placeholder="Leave your questions or feedback..." /> ) : ( - - Hi there! Login to leave a comment - + + Hi there!{' '} + + Login + {' '} + to leave a comment + )} {user && {comment.length}/400} diff --git a/src/pages/admin/Admin.tsx b/src/pages/admin/Admin.tsx index e7cfc26155..13d79e8120 100644 --- a/src/pages/admin/Admin.tsx +++ b/src/pages/admin/Admin.tsx @@ -5,7 +5,7 @@ import { AdminTags } from './content/AdminTags' import { AdminUsers } from './content/AdminUsers' import { AdminBetaTesters } from './content/AdminBetaTesters' import { AuthWrapper } from 'src/components/Auth/AuthWrapper' -import { Link } from 'react-router-dom' +import { Link } from 'src/components/Links' import Text from 'src/components/Text' import Flex from 'src/components/Flex' import { Box } from 'rebass'