From 3ab2666fd89887666adb67666c5ed1a9eb5f9d09 Mon Sep 17 00:00:00 2001
From: Esslam <esslam.ben@gmail.com>
Date: Mon, 23 Oct 2023 19:50:36 +0100
Subject: [PATCH] Added privacy marker icon

---
 frontend/components/marker/MarkerPrivacy.vue | 37 ++++++++++++++++++++
 frontend/i18n/en-US.json                     |  3 ++
 2 files changed, 40 insertions(+)
 create mode 100644 frontend/components/marker/MarkerPrivacy.vue

diff --git a/frontend/components/marker/MarkerPrivacy.vue b/frontend/components/marker/MarkerPrivacy.vue
new file mode 100644
index 000000000..472e79409
--- /dev/null
+++ b/frontend/components/marker/MarkerPrivacy.vue
@@ -0,0 +1,37 @@
+<template>
+  <div
+    class="flex items-center px-4 py-2 font-semibold text-center border select-none rounded-md xl:rounded-lg focus-brand w-fit shadow-sm shadow-zinc-700 text-light-text border-light-text dark:text-dark-cta-orange dark:border-dark-cta-orange fill-light-text dark:fill-dark-cta-orange bg-light-cta-orange dark:bg-dark-cta-orange/10 text-base sm:text-lg xl:text-xl xl:px-6 xl:py-3"
+    :class="{
+      'text-xs': fontSize == 'xs',
+      'text-sm': fontSize == 'sm',
+      'text-base': fontSize == 'base',
+      'text-lg': fontSize == 'lg',
+      'text-base sm:text-lg xl:text-xl xl:px-6 xl:py-3': fontSize == 'xl',
+      'text-base sm:text-lg xl:text-2xl xl:px-6 xl:py-3': fontSize == '2xl',
+      'text-base sm:text-lg xl:text-3xl xl:px-6 xl:py-3': fontSize == '3xl',
+    }"
+  >
+    <Icon
+      class="-my-1"
+      :name="type === 'group' ? 'IconGroup' : 'bi:eye-slash'"
+      :size="iconSize"
+    />
+    <span class="mx-auto hidden ml-2 md:block">{{
+      $t("components.marker-privacy.private")
+    }}</span>
+  </div>
+</template>
+
+<script setup lang="ts">
+export interface Props {
+  fontSize: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl";
+  type?: "default" | "group";
+  iconSize?: string;
+  ariaLabel: string;
+}
+
+withDefaults(defineProps<Props>(), {
+  iconSize: "1em",
+  type: "default",
+});
+</script>
diff --git a/frontend/i18n/en-US.json b/frontend/i18n/en-US.json
index 5a1cfdbdf..3a5469ea0 100644
--- a/frontend/i18n/en-US.json
+++ b/frontend/i18n/en-US.json
@@ -290,6 +290,9 @@
     },
     "tooltip-sign-in": {
       "text": "You need to be signed in to see this content."
+    },
+    "marker-privacy": {
+      "private": "Private"
     }
   },
   "pages": {