From 6db070fd0fcbdf7dfa474a3c46e74f30c3acc23e Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sun, 28 May 2017 20:12:22 +0900
Subject: [PATCH] Add some reactions

---
 locales/en.yml                              | 3 +++
 locales/ja.yml                              | 3 +++
 src/api/endpoints/posts/reactions/create.ts | 5 ++++-
 src/web/app/common/tags/reaction-icon.tag   | 4 ++++
 src/web/app/common/tags/reaction-picker.tag | 5 +++++
 src/web/assets/reactions/angry.png          | 3 +++
 src/web/assets/reactions/confused.png       | 3 +++
 src/web/assets/reactions/pudding.png        | 3 +++
 8 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 src/web/assets/reactions/angry.png
 create mode 100644 src/web/assets/reactions/confused.png
 create mode 100644 src/web/assets/reactions/pudding.png

diff --git a/locales/en.yml b/locales/en.yml
index f817ea0d0..c6ead924c 100644
--- a/locales/en.yml
+++ b/locales/en.yml
@@ -18,6 +18,9 @@ common:
     hmm: "Hmm...?"
     surprise: "Wow"
     congrats: "Congrats!"
+    angry: "Angry"
+    confused: "Confused"
+    pudding: "Pudding"
 
   input-message-here: "Enter message here"
   send: "Send"
diff --git a/locales/ja.yml b/locales/ja.yml
index 9373ebf47..12cdb2939 100644
--- a/locales/ja.yml
+++ b/locales/ja.yml
@@ -18,6 +18,9 @@ common:
     hmm: "ふぅ～む"
     surprise: "わお"
     congrats: "おめでとう"
+    angry: "おこ"
+    confused: "こまこまのこまり"
+    pudding: "Pudding"
 
   input-message-here: "ここにメッセージを入力"
   send: "送信"
diff --git a/src/api/endpoints/posts/reactions/create.ts b/src/api/endpoints/posts/reactions/create.ts
index a3b25baa6..ba5b69ada 100644
--- a/src/api/endpoints/posts/reactions/create.ts
+++ b/src/api/endpoints/posts/reactions/create.ts
@@ -26,7 +26,10 @@ module.exports = (params, user) => new Promise(async (res, rej) => {
 		'laugh',
 		'hmm',
 		'surprise',
-		'congrats'
+		'congrats',
+		'angry',
+		'confused',
+		'pudding'
 	]).$;
 	if (reactionErr) return rej('invalid reaction param');
 
diff --git a/src/web/app/common/tags/reaction-icon.tag b/src/web/app/common/tags/reaction-icon.tag
index 922148a0a..012729391 100644
--- a/src/web/app/common/tags/reaction-icon.tag
+++ b/src/web/app/common/tags/reaction-icon.tag
@@ -5,6 +5,10 @@
 	<virtual if={ opts.reaction == 'hmm' }><img src="/assets/reactions/hmm.png" alt="%i18n:common.reactions.hmm%"></virtual>
 	<virtual if={ opts.reaction == 'surprise' }><img src="/assets/reactions/surprise.png" alt="%i18n:common.reactions.surprise%"></virtual>
 	<virtual if={ opts.reaction == 'congrats' }><img src="/assets/reactions/congrats.png" alt="%i18n:common.reactions.congrats%"></virtual>
+	<virtual if={ opts.reaction == 'angry' }><img src="/assets/reactions/angry.png" alt="%i18n:common.reactions.angry%"></virtual>
+	<virtual if={ opts.reaction == 'confused' }><img src="/assets/reactions/confused.png" alt="%i18n:common.reactions.confused%"></virtual>
+	<virtual if={ opts.reaction == 'pudding' }><img src="/assets/reactions/pudding.png" alt="%i18n:common.reactions.pudding%"></virtual>
+
 	<style>
 		:scope
 			display inline
diff --git a/src/web/app/common/tags/reaction-picker.tag b/src/web/app/common/tags/reaction-picker.tag
index 244956810..635ae2908 100644
--- a/src/web/app/common/tags/reaction-picker.tag
+++ b/src/web/app/common/tags/reaction-picker.tag
@@ -9,6 +9,9 @@
 			<button onclick={ react.bind(null, 'hmm') } onmouseover={ onmouseover } onmouseout={ onmouseout } tabindex="4" title="%i18n:common.reactions.hmm%"><mk-reaction-icon reaction='hmm'></mk-reaction-icon></button>
 			<button onclick={ react.bind(null, 'surprise') } onmouseover={ onmouseover } onmouseout={ onmouseout } tabindex="5" title="%i18n:common.reactions.surprise%"><mk-reaction-icon reaction='surprise'></mk-reaction-icon></button>
 			<button onclick={ react.bind(null, 'congrats') } onmouseover={ onmouseover } onmouseout={ onmouseout } tabindex="6" title="%i18n:common.reactions.congrats%"><mk-reaction-icon reaction='congrats'></mk-reaction-icon></button>
+			<button onclick={ react.bind(null, 'angry') } onmouseover={ onmouseover } onmouseout={ onmouseout } tabindex="4" title="%i18n:common.reactions.angry%"><mk-reaction-icon reaction='angry'></mk-reaction-icon></button>
+			<button onclick={ react.bind(null, 'confused') } onmouseover={ onmouseover } onmouseout={ onmouseout } tabindex="5" title="%i18n:common.reactions.confused%"><mk-reaction-icon reaction='confused'></mk-reaction-icon></button>
+			<button onclick={ react.bind(null, 'pudding') } onmouseover={ onmouseover } onmouseout={ onmouseout } tabindex="6" title="%i18n:common.reactions.pudding%"><mk-reaction-icon reaction='pudding'></mk-reaction-icon></button>
 		</div>
 	</div>
 	<style>
@@ -76,6 +79,8 @@
 
 				> div
 					padding 4px
+					width 240px
+					text-align center
 
 					> button
 						width 40px
diff --git a/src/web/assets/reactions/angry.png b/src/web/assets/reactions/angry.png
new file mode 100644
index 000000000..e4f1e5a87
--- /dev/null
+++ b/src/web/assets/reactions/angry.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b645a2aba1a4617e7cc1c2086fe993ded8f284de2da5b72eaf6303a8683663a2
+size 5875
diff --git a/src/web/assets/reactions/confused.png b/src/web/assets/reactions/confused.png
new file mode 100644
index 000000000..e6cd9da11
--- /dev/null
+++ b/src/web/assets/reactions/confused.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:91fa7823fbaa2bc207809fa9efface7db5aa1115413102891c385cc93f9eb2da
+size 7255
diff --git a/src/web/assets/reactions/pudding.png b/src/web/assets/reactions/pudding.png
new file mode 100644
index 000000000..b8dd9d36c
--- /dev/null
+++ b/src/web/assets/reactions/pudding.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8bed0605896b500834f1baa4b0edca43319d1585a70fd8ed2589299c8ecf15fe
+size 7652