fix: Scroll notifications to top on open

2023-05-20 11:43:25 -04:00
parent ac6047bbb7
commit f3caaed7fe
2 changed files with 12 additions and 5 deletions
--- a/app/components/Notifications/Notifications.tsx
+++ b/app/components/Notifications/Notifications.tsx
@@ -37,7 +37,7 @@ function Notifications(
  const isEmpty = notifications.orderedData.length === 0;

  return (
-    <Flex style={{ width: "100%" }} ref={ref} column>
+    <Flex style={{ width: "100%" }} column>
      <Header justify="space-between">
        <Text weight="bold" as="span">
          {t("Notifications")}
@@ -57,7 +57,7 @@ function Notifications(
          </Tooltip>
        </Text>
      </Header>
-      <Scrollable flex topShadow>
+      <Scrollable ref={ref} flex topShadow>
        <PaginatedList
          fetch={notifications.fetchPage}
          items={notifications.orderedData}