Notification timestamps

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

package.json

@@ -133,7 +133,7 @@
     "multiselect-react-dropdown": "^2.0.25",
     "object-to-formdata": "^4.5.1",
     "path-browserify": "^1.0.1",
-    "pl-api": "^0.0.9",
+    "pl-api": "^0.0.11",
     "postcss": "^8.4.29",
     "process": "^0.11.10",
     "punycode": "^2.1.1",

src/features/notifications/components/notification.tsx

@@ -8,6 +8,7 @@ import { openModal } from 'soapbox/actions/modals';
 import { getSettings } from 'soapbox/actions/settings';
 import { toggleStatusHidden } from 'soapbox/actions/statuses';
 import Icon from 'soapbox/components/icon';
+import RelativeTimestamp from 'soapbox/components/relative-timestamp';
 import { HStack, Text, Emoji } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account-container';
 import StatusContainer from 'soapbox/containers/status-container';
@@ -405,6 +406,19 @@ const Notification: React.FC<INotification> = (props) => {
                   {message}
                 </Text>
               </div>
+
+              {!['mention', 'status'].includes(notification.type) && (
+                <div className='ml-auto'>
+                  <Text
+                    theme='muted'
+                    size='xs'
+                    truncate
+                    data-testid='message'
+                  >
+                    <RelativeTimestamp timestamp={notification.created_at} theme='muted' size='sm' className='whitespace-nowrap' />
+                  </Text>
+                </div>
+              )}
             </HStack>
           </div>
 

yarn.lock

@@ -8390,10 +8390,10 @@ pkg-types@^1.0.3:
     mlly "^1.2.0"
     pathe "^1.1.0"
 
-pl-api@^0.0.9:
-  version "0.0.9"
-  resolved "https://registry.yarnpkg.com/pl-api/-/pl-api-0.0.9.tgz#8e5c1d205e44f6e7fa332b14cafe49c67c00175e"
-  integrity sha512-oJwYdkdpvuXwVPWYBWcbWbwIg2zm+vNBxeni5usfH2RI4Co+WiCkuCnhM7pxyB0YnqvgCtAnFJY4O9YUT47xRg==
+pl-api@^0.0.11:
+  version "0.0.11"
+  resolved "https://registry.yarnpkg.com/pl-api/-/pl-api-0.0.11.tgz#3adbfac0c1ba16e2696e00f0ef1f792880e6d0a5"
+  integrity sha512-tFFETaG4lFkLNXH1hj4JZ4qTiF3Zxy0K/3gV/KHhGwn9V/IuNTVw1y5cZWajGiGKU+hOnj31oX4ZZwwEggHh9Q==
   dependencies:
     blurhash "^2.0.5"
     http-link-header "^1.1.3"