more small fixes

This commit is contained in:
hzrd149 2023-10-23 11:47:10 -05:00
parent 7b03925054
commit 6c276147aa
2 changed files with 35 additions and 25 deletions

View File

@ -123,6 +123,7 @@ export default function DrawerSubViewProvider({
log("Updating parent state from Router");
direction.current = "up";
parentRouter.navigate(".", {
preventScrollReset: true,
state: { ...parentRouter.state.location.state, subRouterPath: e.location.pathname },
});
}
@ -144,7 +145,10 @@ export default function DrawerSubViewProvider({
const openDrawer = useCallback(
(to: To) => {
marker.current = 0;
parentRouter.navigate(".", { state: { ...parentRouter.state.location.state, subRouterPath: to } });
parentRouter.navigate(".", {
preventScrollReset: true,
state: { ...parentRouter.state.location.state, subRouterPath: to },
});
},
[parentRouter],
);
@ -156,7 +160,10 @@ export default function DrawerSubViewProvider({
parentRouter.navigate(-i);
} else {
log(`Failed to navigate back, clearing state`);
parentRouter.navigate(".", { state: { ...parentRouter.state.location.state, subRouterPath: undefined } });
parentRouter.navigate(".", {
preventScrollReset: true,
state: { ...parentRouter.state.location.state, subRouterPath: undefined },
});
}
// reset marker

View File

@ -6,6 +6,7 @@ import {
CardFooter,
CardHeader,
CardProps,
Flex,
Heading,
LinkBox,
Text,
@ -70,9 +71,7 @@ function PostSubject({ event }: { event: NostrEvent }) {
function Approvals({ approvals }: { approvals: NostrEvent[] }) {
return (
<>
<Text fontSize="sm" ml="auto">
Approved by
</Text>
<Text fontSize="sm">Approved by</Text>
<AvatarGroup>
{approvals.map((approval) => (
<ApprovalIcon key={approval.id} approval={approval} />
@ -97,19 +96,21 @@ export function CommunityTextPost({
<CardBody p="2">
<InlineNoteContent event={event} maxLength={96} />
</CardBody>
<CardFooter display="flex" gap="2" alignItems="center" p="2">
<CardFooter display="flex" gap="2" alignItems="center" p="2" flexWrap="wrap">
<Text>
Posted {dayjs.unix(event.created_at).fromNow()} by <UserLink pubkey={event.pubkey} fontWeight="bold" />
</Text>
{approvals.length > 0 && <Approvals approvals={approvals} />}
<CommunityPostMenu
event={event}
community={community}
approvals={approvals}
aria-label="More Options"
size="xs"
variant="ghost"
/>
<Flex gap="2" alignItems="center" ml="auto">
{approvals.length > 0 && <Approvals approvals={approvals} />}
<CommunityPostMenu
event={event}
community={community}
approvals={approvals}
aria-label="More Options"
size="xs"
variant="ghost"
/>
</Flex>
</CardFooter>
</Card>
);
@ -145,19 +146,21 @@ export function CommunityRepostPost({
</CardBody>
</>
)}
<CardFooter display="flex" gap="2" alignItems="center" p="2">
<CardFooter display="flex" gap="2" alignItems="center" p="2" flexWrap="wrap">
<Text>
Shared {dayjs.unix(event.created_at).fromNow()} by <UserLink pubkey={event.pubkey} fontWeight="bold" />
</Text>
{approvals.length > 0 && <Approvals approvals={approvals} />}
<CommunityPostMenu
event={event}
community={community}
approvals={approvals}
aria-label="More Options"
size="xs"
variant="ghost"
/>
<Flex gap="2" alignItems="center" ml="auto">
{approvals.length > 0 && <Approvals approvals={approvals} />}
<CommunityPostMenu
event={event}
community={community}
approvals={approvals}
aria-label="More Options"
size="xs"
variant="ghost"
/>
</Flex>
</CardFooter>
</Card>
);