Add support for subscribers-only posts

src/api/posts.ts

@@ -28,12 +28,14 @@ export async function uploadAttachment(
 export enum Visibility {
   Public = "public",
   Followers = "private",
+  Subscribers = "subscribers",
   Direct = "direct",
 }
 
 export const VISIBILITY_MAP = {
   [Visibility.Public]: "Public",
   [Visibility.Followers]: "Followers",
+  [Visibility.Subscribers]: "Subscribers",
   [Visibility.Direct]: "Direct",
 }
 

src/assets/forkawesome/README.md

@@ -1,4 +1,4 @@
-These icons are part of Fork Aweseome project.
+These icons are based on images from Fork Aweseome project.
 
 Website: https://forkaweso.me/Fork-Awesome/
 

src/assets/tabler/README.md

@@ -1,4 +1,4 @@
-These icons are part of Tabler project.
+These icons are based on images from Tabler project.
 
 Website: https://tabler-icons.io/
 

src/assets/tabler/coin.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg class="icon icon-tabler icon-tabler-coin" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m-1.2-1.2h26.4v26.4h-26.4z" fill="none" stroke="none" stroke-width="2.2"/><circle cx="12" cy="12" r="9.9" stroke-width="1.8"/><path d="m15.08 8.7a2.2 2.2 0 0 0-1.98-1.1h-2.2a2.2 2.2 0 0 0 0 4.4h2.2a2.2 2.2 0 0 1 0 4.4h-2.2a2.2 2.2 0 0 1-1.98-1.1" stroke-width="1.8"/><path d="m12 5.4v2.2m0 8.8v2.2" stroke-width="1.8"/></svg>

src/assets/tabler/users.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-users" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <circle cx="9" cy="7" r="4" />
+  <path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" />
+  <path d="M16 3.13a4 4 0 0 1 0 7.75" />
+  <path d="M21 21v-2a4 4 0 0 0 -3 -3.85" />
+</svg>
+
+

src/components/VisibilityIcon.vue

@@ -1,6 +1,7 @@
 <template>
   <img v-if="visibility === 'public'" :src="require('@/assets/feather/globe.svg')">
-  <img v-else-if="visibility === 'private'" :src="require('@/assets/feather/lock.svg')">
+  <img v-else-if="visibility === 'private'" :src="require('@/assets/tabler/users.svg')">
+  <img v-else-if="visibility === 'subscribers'" :src="require('@/assets/tabler/coin.svg')">
   <img v-else-if="visibility === 'direct'" :src="require('@/assets/forkawesome/envelope-o.svg')">
 </template>