1 files changed, 44 insertions, 1 deletions
diff --git a/app/assets/javascripts/admin/abuse_reports/constants.js b/app/assets/javascripts/admin/abuse_reports/constants.js
index 9458aea299e..acb79293dfb 100644
--- a/app/assets/javascripts/admin/abuse_reports/constants.js
+++ b/app/assets/javascripts/admin/abuse_reports/constants.js
@@ -5,7 +5,7 @@ import {
   OPERATORS_IS,
   TOKEN_TITLE_STATUS,
 } from '~/vue_shared/components/filtered_search_bar/constants';
-import { __ } from '~/locale';
+import { s__, __ } from '~/locale';
 
 const STATUS_OPTIONS = [
   { value: 'closed', title: __('Closed') },
@@ -78,3 +78,46 @@ export const FILTERED_SEARCH_TOKENS = [
   FILTERED_SEARCH_TOKEN_REPORTER,
   FILTERED_SEARCH_TOKEN_STATUS,
 ];
+
+export const ABUSE_CATEGORIES = {
+  spam: {
+    backgroundColor: '#f5d9a8',
+    color: 'orange-700',
+    title: s__('AbuseReport|Spam'),
+  },
+  offensive: {
+    backgroundColor: '#e1d8f9',
+    color: 'purple-700',
+    title: s__('AbuseReport|Offensive or Abusive'),
+  },
+  phishing: {
+    backgroundColor: '#7c7ccc',
+    color: 'indigo-800',
+    title: s__('AbuseReport|Phishing'),
+  },
+  crypto: {
+    backgroundColor: '#fdd4cd',
+    color: 'red-700',
+    title: s__('AbuseReport|Crypto Mining'),
+  },
+  credentials: {
+    backgroundColor: '#cbe2f9',
+    color: 'blue-700',
+    title: s__('AbuseReport|Personal information or credentials'),
+  },
+  copyright: {
+    backgroundColor: '#c3e6cd',
+    color: 'green-700',
+    title: s__('AbuseReport|Copyright or trademark violation'),
+  },
+  malware: {
+    backgroundColor: '#fdd4cd',
+    color: 'red-700',
+    title: s__('AbuseReport|Malware'),
+  },
+  other: {
+    backgroundColor: '#dcdcde',
+    color: 'gray-700',
+    title: s__('AbuseReport|Other'),
+  },
+};