prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

More formatting for recent emails

Browse source
This commit is contained in:
Jackson Harper 2023-01-25 17:22:47 +08:00
parent b711efea38
commit de971bb027
1 changed files with 32 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
packages/web/pages/settings/emails/recent.tsx
View file

@ -17,6 +17,7 @@ import {
useGetRecentEmailsQuery,
} from '../../../lib/networking/queries/useGetRecentEmails'
import Link from 'next/link'
import { HStack } from '../../../components/elements/LayoutPrimitives'
export default function RecentEmails(): JSX.Element {
const { recentEmails, revalidate, isValidating } = useGetRecentEmailsQuery()
@ -132,23 +133,37 @@ export default function RecentEmails(): JSX.Element {
}}
deleteTitle="Delete"
sublineElement={
<StyledText
css={{
my: '5px',
fontSize: '11px',
a: {
color: '$omnivoreCtaYellow',
},
}}
>
{recentEmail.subject}
{`, Received ${formattedShortDate(
recentEmail.createdAt
)} at `}
<Link href={`/settings/emails?address=${recentEmail.to}`}>
{recentEmail.to}
</Link>
</StyledText>
<HStack>
<StyledText
css={{
my: '5px',
fontSize: '14px',
}}
>
{recentEmail.subject}
</StyledText>
<StyledText
css={{
my: '5px',
fontSize: '11px',
}}
>
<Link href={`/settings/emails?address=${recentEmail.to}`}>
{recentEmail.to}
</Link>
</StyledText>
<StyledText
css={{
my: '5px',
fontSize: '11px',
a: {
color: '$omnivoreCtaYellow',
},
}}
>
{formattedShortDate(recentEmail.createdAt)}
</StyledText>
</HStack>
}
/>
)