diff --git a/js/src/components/Post/PostListItem.vue b/js/src/components/Post/PostListItem.vue
index 8871a2850..649679b62 100644
--- a/js/src/components/Post/PostListItem.vue
+++ b/js/src/components/Post/PostListItem.vue
@@ -47,6 +47,24 @@
+
+
+ {{ t("Accessible only by link") }}
+
+
+
+ {{
+ t("Accessible only to members", {
+ group: post.attributedTo?.name,
+ })
+ }}
+
@@ -61,7 +79,11 @@ import { formatDateTimeString } from "@/filters/datetime";
import Tag from "vue-material-design-icons/Tag.vue";
import AccountEdit from "vue-material-design-icons/AccountEdit.vue";
import Clock from "vue-material-design-icons/Clock.vue";
+import Lock from "vue-material-design-icons/Lock.vue";
+import Link from "vue-material-design-icons/Link.vue";
import MbzTag from "@/components/TagElement.vue";
+import { PostVisibility } from "@/types/enums";
+import { useI18n } from "vue-i18n";
const props = withDefaults(
defineProps<{
@@ -71,6 +93,7 @@ const props = withDefaults(
{ isCurrentActorMember: false }
);
+const { t } = useI18n({ useScope: "global" });
const dateFnsLocale = inject("dateFnsLocale");
const postTags = computed(() => (props.post.tags ?? []).slice(0, 3));
diff --git a/js/src/views/Posts/PostView.vue b/js/src/views/Posts/PostView.vue
index a77fc7a70..59ac9500e 100644
--- a/js/src/views/Posts/PostView.vue
+++ b/js/src/views/Posts/PostView.vue
@@ -78,13 +78,16 @@
})
}}
-
-
+
+
{{ t("Accessible only by link") }}
{{
@@ -275,6 +278,7 @@ import Pencil from "vue-material-design-icons/Pencil.vue";
import Delete from "vue-material-design-icons/Delete.vue";
import Share from "vue-material-design-icons/Share.vue";
import Flag from "vue-material-design-icons/Flag.vue";
+import Link from "vue-material-design-icons/Link.vue";
import { Dialog } from "@/plugins/dialog";
import { useI18n } from "vue-i18n";
import { Notifier } from "@/plugins/notifier";