TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-26 20:34:02 +03:00
Code Issues Projects Releases Wiki Activity

Making the buttons work for name and bio in form

Browse Source 
refs https://github.com/TryGhost/Team/issues/1716
This commit is contained in:
James Morris 2022-08-04 15:32:16 +01:00
parent 2027c88f58
commit 5128360df4
2 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/comments-ui/src/components/Comment.js
View File

@ -92,7 +92,7 @@ const Comment = ({updateIsEditing = null, isEditing, ...props}) => {
<p className="font-sans text-[16px] leading-normal text-neutral-400 italic mt-[4px]">{notPublishedMessage}</p>
</div> :
<div>
<h4 className="text-[17px] font-sans font-bold tracking-tight dark:text-[rgba(255,255,255,0.85)]">{!comment.member ? 'Deleted member' : (comment.member.name ? comment.member.name : 'Anonymous')}</h4>
<h4 className="text-[17px] font-sans font-bold tracking-tight text-[rgb(23,23,23] dark:text-[rgba(255,255,255,0.85)]">{!comment.member ? 'Deleted member' : (comment.member.name ? comment.member.name : 'Anonymous')}</h4>
<div className="flex items-baseline font-sans text-[14px] tracking-tight text-neutral-400 dark:text-[rgba(255,255,255,0.5)]">
{memberBio && <div>{memberBio}<span className="mx-[0.3em]">·</span></div>}
<div title={formatExplicitTime(comment.created_at)}>{formatRelativeTime(comment.created_at)}</div>

20
apps/comments-ui/src/components/Form.js
View File

@ -302,6 +302,19 @@ const Form = (props) => {
editor.commands.focus();
};
const handleAddBoth = (event) => {
event.preventDefault();
setPreventClosing(true);
dispatchAction('openPopup', {
type: 'addDetailsDialog',
callback: () => {
editor?.commands.focus();
setPreventClosing(false);
}
});
};
const handleAddBio = (event) => {
event.preventDefault();
setPreventClosing(true);
@ -409,12 +422,9 @@ const Form = (props) => {
leaveFrom="opacity-100"
leaveTo="opacity-0"
>
<h4 className="text-[17px] font-sans font-bold tracking-tight dark:text-[rgba(255,255,255,0.85)]">{memberName ? memberName : 'Anonymous'}</h4>
<button className="text-[17px] font-sans font-bold tracking-tight text-[rgb(23,23,23)] hover:text-black dark:text-[rgba(255,255,255,0.85)]" onClick={handleAddBoth}>{memberName ? memberName : 'Anonymous'}</button>
<div className="flex items-baseline font-sans text-[14px] tracking-tight text-neutral-400 dark:text-[rgba(255,255,255,0.5)]">
{memberBio ?
<div onClick={handleAddBio}>{memberBio}</div> :
<button className="transition duration-150 hover:text-neutral-500" onClick={handleAddBio}>Add your bio</button>
}
<button className="transition duration-150 hover:text-neutral-500" onClick={memberBio ? handleAddBoth : handleAddBio}>{memberBio ? memberBio : 'Add your bio'}</button>
</div>
</Transition>
</div>