refactor: flex styles / fixes / profile links

This commit is contained in:
2023-10-17 14:02:59 +01:00
parent 6479a18cb2
commit faaeb6af4a
108 changed files with 464 additions and 508 deletions

View File

@ -1,5 +1,5 @@
import "./Timeline.css";
import FormattedMessage from "Element/FormattedMessage";
import { FormattedMessage } from "react-intl";
import { useCallback, useMemo } from "react";
import { useInView } from "react-intersection-observer";
import { TaggedNostrEvent, EventKind, u256 } from "@snort/system";
@ -84,7 +84,7 @@ const Timeline = (props: TimelineProps) => {
<>
<div className="card latest-notes" onClick={() => onShowLatest()} ref={ref}>
{latestAuthors.slice(0, 3).map(p => {
return <ProfileImage pubkey={p} showUsername={false} link={""} />;
return <ProfileImage pubkey={p} showUsername={false} link={""} showProfileCard={false} />;
})}
<FormattedMessage
defaultMessage="{n} new {n, plural, =1 {note} other {notes}}"
@ -117,7 +117,7 @@ const Timeline = (props: TimelineProps) => {
/>
))}
{(props.loadMore === undefined || props.loadMore === true) && (
<div className="flex f-center">
<div className="flex items-center">
<button type="button" onClick={() => feed.loadMore()}>
<FormattedMessage defaultMessage="Load more" />
</button>