diff --git a/app/src/components/OtherNodeslayer.vue b/app/src/components/OtherNodeslayer.vue index c9a8753c7a9bfc9244d98d48c4f3d126babd1c58..3d056a5daa0c99a195903f74fa954eb151d31fa4 100644 --- a/app/src/components/OtherNodeslayer.vue +++ b/app/src/components/OtherNodeslayer.vue @@ -18,20 +18,13 @@ <p :id="nodeid" :inner-html.prop="nodetext | marked">{{ nodeid }}</p> <h3>Reactions</h3> <div v-for="(emojis, index) in configEmoji" :key="index"> - <p class="allemoji" v-if="nodeid == emojis.node_id"> - {{ emojis.emoji_text }} - </p> + <p class="allemoji" v-if="nodeid == emojis.node_id">{{ emojis.emoji_text }}</p> </div> <div class="react" v-if="nodeid != undefined"> <h2>React</h2> <div class="eeee"> <input :value="nodeid" name="id" readonly hidden /> - <input - id="emojifield" - class="regular-input" - v-model="input" - readonly - /> + <input id="emojifield" class="regular-input" v-model="input" readonly /> <emoji-picker @emoji="append" :search="search"> <div @@ -40,12 +33,7 @@ slot-scope="{ events: { click: clickEvent } }" @click.stop="clickEvent" > - <svg - height="24" - viewBox="0 0 24 24" - width="24" - xmlns="http://www.w3.org/2000/svg" - > + <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none" /> <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z" @@ -61,10 +49,7 @@ <input type="text" v-model="search" v-focus /> </div> <div> - <div - v-for="(emojiGroup, category) in emojis" - :key="category" - > + <div v-for="(emojiGroup, category) in emojis" :key="category"> <h5>{{ category }}</h5> <div class="emojis"> <span @@ -72,15 +57,14 @@ :key="emojiName" @click="insert(emoji)" :title="emojiName" - >{{ emoji }}</span - > + >{{ emoji }}</span> </div> </div> </div> </div> </div> </emoji-picker> - <button @click="sentReact()">Send Reaction</button> + <BaseButton buttonClass="action" @click="sentReact()">Send Reaction</BaseButton> </div> </div> </vue-draggable-resizable>