diff --git a/src/DevGov/Notification/Item/Left.jsx b/src/DevGov/Notification/Item/Left.jsx
new file mode 100644
index 000000000..e238a2143
--- /dev/null
+++ b/src/DevGov/Notification/Item/Left.jsx
@@ -0,0 +1,34 @@
+const { href } = VM.require("${REPL_DEVHUB}/widget/core.lib.url") || (() => {});
+
+if (!props.type) {
+ return "Loading ...";
+}
+
+const type = props.type.split("/")[1];
+return props.type ? (
+ <>
+ {type == "like"
+ ? "liked your"
+ : type == "reply"
+ ? "replied to your"
+ : type == "edit"
+ ? "edited your"
+ : type == "mention"
+ ? "mentioned you in their"
+ : "???"}{" "}
+
+ DevHub post
+
+ >
+) : (
+ "Loading ..."
+);
diff --git a/src/DevGov/Notification/Item/Right.jsx b/src/DevGov/Notification/Item/Right.jsx
new file mode 100644
index 000000000..b5c19d982
--- /dev/null
+++ b/src/DevGov/Notification/Item/Right.jsx
@@ -0,0 +1,20 @@
+const { href } = VM.require("${REPL_DEVHUB}/widget/core.lib.url") || (() => {});
+
+return props.post === undefined ? (
+ "Loading ..."
+) : (
+ <>
+
+ View DevHub post
+
+ >
+);