From c951a900ad3f165349c03777cc9e1d0b81ef0a3c Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Fri, 21 Apr 2023 12:03:34 +0200
Subject: [PATCH] add action radius select component

---
 .../components/Select/ActionRadiusSelect.vue  | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 webapp/components/Select/ActionRadiusSelect.vue

diff --git a/webapp/components/Select/ActionRadiusSelect.vue b/webapp/components/Select/ActionRadiusSelect.vue
new file mode 100644
index 000000000..100375a4e
--- /dev/null
+++ b/webapp/components/Select/ActionRadiusSelect.vue
@@ -0,0 +1,34 @@
+<template>
+  <select
+    class="select ds-input appearance--auto"
+    name="actionRadius"
+    :value="value"
+    @change="onActionRadiusChange"
+  >
+    <option
+      v-for="actionRadius in actionRadiusOptions"
+      :key="actionRadius"
+      :value="actionRadius"
+    >
+      {{ $t(`group.actionRadii.${actionRadius}`) }}
+    </option>
+  </select>
+</template>
+
+<script>
+export default {
+  name: 'ActionRadiusSelect',
+  props: ['value'],
+  data() {
+    const actionRadius = ''
+    return {
+      actionRadiusOptions: ['regional', 'national', 'continental', 'global'],
+    }
+  },
+  methods: {
+    onActionRadiusChange(event) {
+      this.$emit('change', event.target.value)
+    }
+  }
+}
+</script>