From 6332a9e2eee5cc7e48287abcaec11da052f72d6b Mon Sep 17 00:00:00 2001
From: Laurent GAY <l.gay@sd-libre.fr>
Date: Wed, 12 Feb 2025 11:13:33 +0100
Subject: [PATCH] #1589 : add quick button in home page to publish

---
 src/components/Home/QuickPublish.vue | 41 ++++++++++++++++++++++++++++
 src/views/HomeView.vue               |  6 ++++
 2 files changed, 47 insertions(+)
 create mode 100644 src/components/Home/QuickPublish.vue

diff --git a/src/components/Home/QuickPublish.vue b/src/components/Home/QuickPublish.vue
new file mode 100644
index 000000000..28507a190
--- /dev/null
+++ b/src/components/Home/QuickPublish.vue
@@ -0,0 +1,41 @@
+<template>
+  <div class="quick-publish">
+    <o-button @click="$router.push({ name: ActorRouteName.MY_GROUPS })">
+      {{ t("Publish from a group") }}
+    </o-button>
+    <o-dropdown :teleport="teleport" position="bottom-right">
+      <template #trigger="{ active }">
+        <o-button
+          :title="t('Choose publishing')"
+          :icon-right="active ? 'menu-up' : 'menu-down'"
+        >
+        </o-button>
+      </template>
+      <o-dropdown-item
+        :label="t('Publish from a group')"
+        @click="$router.push({ name: ActorRouteName.MY_GROUPS })"
+      />
+      <o-dropdown-item
+        :label="t('Publish as individual')"
+        @click="$router.push({ name: EventRouteName.CREATE_EVENT })"
+      />
+    </o-dropdown>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { useI18n } from "vue-i18n";
+import { ActorRouteName } from "@/router/actor";
+import { EventRouteName } from "@/router/event";
+const { t } = useI18n({ useScope: "global" });
+</script>
+<style scoped>
+.quick-publish {
+  display: flex;
+  position: fixed;
+  right: 5%;
+}
+.quick-publish > div.o-drop {
+  left: -5px;
+}
+</style>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 2c777dbb3..caaefc1f8 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,5 +1,9 @@
 <template>
   <!-- <o-loading v-model:active="$apollo.loading" /> -->
+
+  <!-- Quick publish -->
+  <quick-publish></quick-publish>
+
   <!-- Nice looking SVGs -->
   <section class="mt-5 sm:mt-24">
     <div class="-z-10 overflow-hidden">
@@ -25,6 +29,7 @@
   </section>
   <!-- Unlogged introduction -->
   <unlogged-introduction :config="config" v-if="config && !isLoggedIn" />
+
   <!-- Search fields -->
   <search-fields
     v-model:search="search"
@@ -191,6 +196,7 @@ import {
   storeAddressInLocal,
 } from "@/utils/location";
 import { useServerProvidedLocation } from "@/composition/apollo/config";
+import QuickPublish from "@/components/Home/QuickPublish.vue";
 import { ABOUT } from "@/graphql/config";
 import { IConfig } from "@/types/config.model";
 import { useI18n } from "vue-i18n";