Stub out CommentViaMention view

src/scenes/Root/Notifications/Views/CommentViaMention.tsx

@@ -0,0 +1,22 @@
+import { Button, Typography } from '@mui/material';
+import { BaseView, Views } from './Base';
+
+export const CommentViaMention: Views['CommentViaMention'] = ({
+  notification,
+}) => (
+  <BaseView
+    notification={notification}
+    component={Button}
+    onClick={() =>
+      // TODO replace with navigation to comment
+      console.log(
+        'You clicked on a comment mentioned',
+        notification.comment.container
+      )
+    }
+  >
+    <Typography color="text.primary">
+      {notification.comment.creator.fullName} mentioned you in a comment
+    </Typography>
+  </BaseView>
+);

src/scenes/Root/Notifications/Views/index.ts

@@ -1,6 +1,8 @@
 import { Views } from './Base';
+import { CommentViaMention } from './CommentViaMention';
 import { System } from './System';
 
 export const views: Views = {
   System,
+  CommentViaMention,
 };

src/scenes/Root/Notifications/notification.graphql

@@ -7,4 +7,16 @@ fragment notification on Notification {
   ... on SystemNotification {
     message
   }
+  ... on CommentViaMentionNotification {
+    comment {
+      creator {
+        id
+        fullName
+      }
+      container {
+        __typename
+        id
+      }
+    }
+  }
 }