From 6c276147aa6e5d92e879a8aa9797e37aaea9b4b0 Mon Sep 17 00:00:00 2001
From: hzrd149 <github@hzrd149.com>
Date: Mon, 23 Oct 2023 11:47:10 -0500
Subject: [PATCH] more small fixes

---
 src/providers/drawer-sub-view-provider.tsx    | 11 ++++-
 .../community/components/community-post.tsx   | 49 ++++++++++---------
 2 files changed, 35 insertions(+), 25 deletions(-)

diff --git a/src/providers/drawer-sub-view-provider.tsx b/src/providers/drawer-sub-view-provider.tsx
index bec4382ec..72012322e 100644
--- a/src/providers/drawer-sub-view-provider.tsx
+++ b/src/providers/drawer-sub-view-provider.tsx
@@ -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
diff --git a/src/views/community/components/community-post.tsx b/src/views/community/components/community-post.tsx
index c8c456132..8492a5f7c 100644
--- a/src/views/community/components/community-post.tsx
+++ b/src/views/community/components/community-post.tsx
@@ -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>
   );