fix: shortDesc max length and primary color

Author: jrgarciadev

src/hooks/use-change-root-color.js

@@ -1,6 +1,11 @@
+import { isEmpty } from 'lodash';
+
 export const useChangeRootColor = (color, rootColor = 'primary') => {
-  if (typeof document !== 'undefined' && color) {
+  if (typeof document !== 'undefined' && !isEmpty(color)) {
     const root = document.documentElement;
-    root.style.setProperty(`--colors-${rootColor}`, color);
+    const currentColor = root.style.getPropertyValue(`--colors-${rootColor}`);
+    if (currentColor !== color) {
+      root.style.setProperty(`--colors-${rootColor}`, color);
+    }
   }
 };

src/lib/user-builder.js

@@ -18,7 +18,7 @@ import {
   extractSocialNetworks,
   getUserFavicon,
 } from '@utils/user-mapping';
-import { get, map, chunk, first, orderBy, union, size, includes, isEmpty } from 'lodash';
+import { get, map, chunk, first, orderBy, union, size, includes, isEmpty, truncate } from 'lodash';
 import { updateUser, upsertUser } from '@services/user';
 import {
   GITHUB_API_URL,
@@ -229,7 +229,10 @@ const getDevcoverUser = async (username, baseUser = {}, userBioArray = [], isPre
   user.username = toLowerCase(username);
   user.ga = get(userData, 'ga', null);
   user.repos = selectFirstWithValue(get(userData, 'repos'), get(user, 'github.repos', []));
-  user.shortBio = get(userData, 'shortBio', getStringByCriteria(userBioArray, 'shortest')) || '';
+  user.shortBio =
+    truncate(get(userData, 'shortBio', getStringByCriteria(userBioArray, 'shortest')), {
+      length: 120,
+    }) || '';
   user.largeBio = get(userData, 'largeBio', getStringByCriteria(userBioArray)) || '';
   user.hasGithub = isPreview
     ? get(userData, 'hasGithub', false)