saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-06-19 22:15:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Timestamp and link out button on community message, swap places for easier UX

Browse Source
This commit is contained in:
austinkelsay 2025-02-22 17:26:20 -06:00
parent 2b366f5899
commit e62c5d97ba
1 changed files with 7 additions and 7 deletions

14
src/components/feeds/messages/CommunityMessage.js

@ -20,8 +20,7 @@ const StackerNewsIconComponent = () => (
const headerTemplate = (options, windowWidth, platform, id) => { const headerTemplate = (options, windowWidth, platform, id) => {
return ( return (
<div className="flex flex-row justify-between items-end mb-2"> <div className="flex flex-row justify-between items-end my-2">
<GenericButton outlined severity="primary" size="small" className="py-0" onClick={options.onTogglerClick} icon={options.collapsed ? 'pi pi-chevron-down' : 'pi pi-chevron-up'} tooltip={windowWidth <= 768 ? null : 'comments'} tooltipOptions={{ position: 'right' }} />
<GenericButton <GenericButton
label={windowWidth > 768 ? `View ${platform === 'nostr' ? 'on' : 'in'} ${platform}` : null} label={windowWidth > 768 ? `View ${platform === 'nostr' ? 'on' : 'in'} ${platform}` : null}
icon="pi pi-external-link" icon="pi pi-external-link"
@ -31,6 +30,7 @@ const headerTemplate = (options, windowWidth, platform, id) => {
tooltip={windowWidth < 768 ? `View ${platform === 'nostr' ? 'on' : 'in'} ${platform}` : null} tooltip={windowWidth < 768 ? `View ${platform === 'nostr' ? 'on' : 'in'} ${platform}` : null}
tooltipOptions={{ position: 'left' }} tooltipOptions={{ position: 'left' }}
/> />
<GenericButton outlined severity="primary" size="small" className="py-0" onClick={options.onTogglerClick} icon={options.collapsed ? 'pi pi-chevron-down' : 'pi pi-chevron-up'} tooltip={windowWidth <= 768 ? null : 'comments'} tooltipOptions={{ position: 'left' }} />
</div> </div>
); );
}; };
@ -104,11 +104,6 @@ const CommunityMessage = ({ message, searchQuery, windowWidth, platform }) => {
</Panel> </Panel>
) : ( ) : (
<div className="w-full flex flex-row justify-between items-end"> <div className="w-full flex flex-row justify-between items-end">
{platform !== "nostr" ? (
<p className="rounded-lg text-sm text-gray-300">
{new Date(message.timestamp).toLocaleString()}
</p>
) : <div></div>}
<GenericButton <GenericButton
label={windowWidth > 768 ? `View in ${platform}` : null} label={windowWidth > 768 ? `View in ${platform}` : null}
icon="pi pi-external-link" icon="pi pi-external-link"
@ -118,6 +113,11 @@ const CommunityMessage = ({ message, searchQuery, windowWidth, platform }) => {
tooltip={windowWidth < 768 ? `View in ${platform}` : null} tooltip={windowWidth < 768 ? `View in ${platform}` : null}
tooltipOptions={{ position: 'left' }} tooltipOptions={{ position: 'left' }}
/> />
{platform !== "nostr" ? (
<p className="rounded-lg text-sm text-gray-300">
{new Date(message.timestamp).toLocaleString()}
</p>
) : <div></div>}
</div> </div>
) )
} }