added locale specific hashtags and added linebreaks between them

src/HashtagChooser.js

@@ -7,42 +7,39 @@ function HashtagChooser({ onChange, getString }) {
 
     const choosenFrameSRC = !!choosenFrame ? choosenFrame.src : null
 
+    let hashtags = getString('hashtags')
+
     useEffect(() => {
         async function loadFrames() {
+
+            console.log('hashtags', hashtags)
+            let counter = 0
+            hashtags = hashtags.split('\n')
+                .map(tag => tag.trim())
+                .map(tag => {
+                    if (tag === '-') {
+                        counter += 1
+                        return '---' + counter
+                    }
+                    return tag
+                })
+                .filter(tag => tag.length > 0)
+            console.log('hashtags', hashtags)
+
             Promise.all(
                 [
                     '',
-                    '#VoteVolt',
-                    '#JoinTheChange',
-                    '#RejoinEU',
-                    '#DeineWahl',
-                    '#JetztBistDuDran',
-                    '#VoltEuropa',
-                    '#VoltRLP',
-                    '#Volt21',
-                    '#Volt',
-                    '#paneuropäisch',
-                    '#pragmatisch',
-                    '#progressiv',
-                    '#Europa',
-
-                    '#democracy',
-                    '#EUReform',
-                    '#European',
-                    '#EuropeCares',
-                    '#FutureMadeInEurope',
-                    '#ValuesOverPower',
-                    '#ZukunftMadeInEurope',
-
-                    '#IkStemVolt',
-                    'stemvolt.nl',
-
-                    '#VoltForLGBTIAQ',
+                    '---',
+                    ...hashtags
                 ]
                     .map(async frame_filename => {
+                        let src = frame_filename
+                        if (frame_filename !== '' && !frame_filename.startsWith('---')) {
+                            src = (await import(`./hashtags/${frame_filename}.png`)).default
+                        }
                         return {
                             name: frame_filename,
-                            src: frame_filename === '' ? '' : (await import(`./hashtags/${frame_filename}.png`)).default,
+                            src
                         }
                     })
             )
@@ -52,7 +49,7 @@ function HashtagChooser({ onChange, getString }) {
                 })
         }
         loadFrames()
-    }, [])
+    }, [hashtags])
 
     const handleImageChoosing = useCallback(frame => {
         setChoosenFrame(frame)
@@ -68,6 +65,9 @@ function HashtagChooser({ onChange, getString }) {
                 frames.map(frame => {
                     const frame_src_path = frame.src
                     const isChoosen = choosenFrameSRC === frame_src_path
+                    if (frame_src_path.startsWith('---')) {
+                        return <div key={frame_src_path} style={{height: '1vmin'}} />
+                    }
                     return <button
                         key={frame.name}
                         data-src={frame_src_path}

src/locales/de.ftl

@@ -20,3 +20,26 @@ link_imprint = Impressum
 link_privacy_policy = Datenschutz
 link_source_code = Quellcode
 link_app_contact = Kontakt
+
+hashtags =
+  #VoteVolt
+  #JoinTheChange
+  #VoltEuropa
+  #Volt
+  -
+  #DeineWahl
+  #JetztBistDuDran
+  #Volt21
+  -
+  #paneuropäisch
+  #pragmatisch
+  #progressiv
+  #Europa
+  #democracy
+  #EUReform
+  #European
+  #EuropeCares
+  #VoltForLGBTIAQ
+  #ValuesOverPower
+  -
+  #ZukunftMadeInEurope

src/locales/en.ftl

@@ -20,3 +20,28 @@ link_imprint = Imprint
 link_privacy_policy = Privacy Policy
 link_source_code = Source Code
 link_app_contact = Contact
+
+hashtags =
+  #VoteVolt
+  #JoinTheChange
+  #VoltEuropa
+  #Volt
+  -
+  #RejoinEU
+  #Volt21
+  #IkStemVolt
+  -
+  #progressiv
+  #democracy
+  #Europa
+  #EUReform
+  #European
+  #EuropeCares
+  #VoltForLGBTIAQ
+  #ValuesOverPower
+  -
+  #FutureMadeInEurope
+
+not_in_use_hashtags =
+  #VoltRLP
+  stemvolt.nl