diff --git a/src/components/challenge-modal/challenge-modal.tsx b/src/components/challenge-modal/challenge-modal.tsx index 336be334..569647be 100644 --- a/src/components/challenge-modal/challenge-modal.tsx +++ b/src/components/challenge-modal/challenge-modal.tsx @@ -1,10 +1,10 @@ import { useState } from 'react'; -import { Challenge as ChallengeType, useComment } from '@plebbit/plebbit-react-hooks'; +import Draggable from 'react-draggable'; import { useTranslation } from 'react-i18next'; +import { Challenge as ChallengeType } from '@plebbit/plebbit-react-hooks'; +import { getPublicationType } from '../../lib/utils/challenge-utils'; import useChallenges from '../../hooks/use-challenges'; import styles from './challenge-modal.module.css'; -import { getPublicationType } from '../../lib/utils/challenge-utils'; -import Draggable from 'react-draggable'; interface ChallengeProps { challenge: ChallengeType; diff --git a/src/components/post-form/post-form.module.css b/src/components/post-form/post-form.module.css index d562f32e..b90ea32e 100644 --- a/src/components/post-form/post-form.module.css +++ b/src/components/post-form/post-form.module.css @@ -40,6 +40,7 @@ padding: var(--post-form-field-title-padding); font-size: var(--post-form-field-title-font-size); width: 80px; + text-transform: capitalize; } .postFormTable td { @@ -78,7 +79,11 @@ .postFormTable button { margin-left: 2px; + bottom: 0px; filter: var(--filter80); + position: absolute; + cursor: pointer; + text-transform: capitalize; } .linkType { diff --git a/src/components/post-form/post-form.tsx b/src/components/post-form/post-form.tsx index 5c6fcce0..cc03843a 100644 --- a/src/components/post-form/post-form.tsx +++ b/src/components/post-form/post-form.tsx @@ -10,6 +10,7 @@ import { isValidURL } from '../../lib/utils/url-utils'; import { isDescriptionView, isPostPageView, isRulesView } from '../../lib/utils/view-utils'; import challengesStore from '../../hooks/use-challenges'; import useReply from '../../hooks/use-reply'; +import _ from 'lodash'; type SubmitState = { subplebbitAddress: string | undefined; @@ -58,6 +59,7 @@ const LinkTypePreviewer = ({ link }: { link: string }) => { }; const PostFormTable = () => { + const { t } = useTranslation(); const account = useAccount(); const { displayName } = account?.author || {}; @@ -134,20 +136,20 @@ const PostFormTable = () => { - + {!isInPostPage && ( - + )} - +
Name{t('name')} setAccount({ ...account, author: { ...account?.author, displayName: e.target.value } })} /> - + {isInPostPage && }
Subject{t('subject')} { setSubmitStore({ title: e.target.value }); }} /> - +
Comment{t('comment')}