feat: Create category component (#5103)

app/javascript/dashboard/helper/commons.js

@@ -62,9 +62,16 @@ export const createPendingMessage = data => {
   return pendingMessage;
 };
 
-export const convertToSlug = text => {
+export const convertToAttributeSlug = text => {
   return text
     .toLowerCase()
     .replace(/[^\w ]+/g, '')
     .replace(/ +/g, '_');
 };
+
+export const convertToCategorySlug = text => {
+  return text
+    .toLowerCase()
+    .replace(/[^\w ]+/g, '')
+    .replace(/ +/g, '-');
+};

app/javascript/dashboard/helper/specs/commons.spec.js

@@ -1,7 +1,8 @@
 import {
   getTypingUsersText,
   createPendingMessage,
-  convertToSlug,
+  convertToAttributeSlug,
+  convertToCategorySlug,
 } from '../commons';
 
 describe('#getTypingUsersText', () => {
@@ -88,8 +89,18 @@ describe('#createPendingMessage', () => {
   });
 });
 
-describe('convertToSlug', () => {
+describe('convertToAttributeSlug', () => {
   it('should convert to slug', () => {
-    expect(convertToSlug('Test@%^&*(){}>.!@`~_ ing')).toBe('test__ing');
+    expect(convertToAttributeSlug('Test@%^&*(){}>.!@`~_ ing')).toBe(
+      'test__ing'
+    );
+  });
+});
+
+describe('convertToCategorySlug', () => {
+  it('should convert to slug', () => {
+    expect(convertToCategorySlug('User profile guide')).toBe(
+      'user-profile-guide'
+    );
   });
 });