Commit fef8bc3a authored by Anurag's avatar Anurag
Browse files

refactor: minor refactors

parent f8b0c876
Loading
Loading
Loading
Loading
+9 −3
Original line number Diff line number Diff line
@@ -3,7 +3,7 @@ const {
  kFormatter,
  encodeHTML,
  getCardColors,
  FlexLayout,
  flexLayout,
  wrapTextMultiline,
} = require("../common/utils");
const I18n = require("../common/I18n");
@@ -61,7 +61,13 @@ const renderRepoCard = (repo, options = {}) => {
  });

  // returns theme based colors with proper overrides and defaults
  const { titleColor, textColor, iconColor, bgColor, borderColor } = getCardColors({
  const {
    titleColor,
    textColor,
    iconColor,
    bgColor,
    borderColor,
  } = getCardColors({
    title_color,
    icon_color,
    text_color,
@@ -111,7 +117,7 @@ const renderRepoCard = (repo, options = {}) => {
  const svgForks =
    forkCount > 0 && iconWithLabel(icons.fork, totalForks, "forkcount");

  const starAndForkCount = FlexLayout({
  const starAndForkCount = flexLayout({
    items: [svgStars, svgForks],
    gap: 65,
  }).join("");
+20 −4
Original line number Diff line number Diff line
@@ -5,7 +5,7 @@ const { getStyles } = require("../getStyles");
const { statCardLocales } = require("../translations");
const {
  kFormatter,
  FlexLayout,
  flexLayout,
  clampValue,
  measureText,
  getCardColors,
@@ -78,7 +78,13 @@ const renderStatsCard = (stats = {}, options = { hide: [] }) => {
  const lheight = parseInt(line_height, 10);

  // returns theme based colors with proper overrides and defaults
  const { titleColor, textColor, iconColor, bgColor, borderColor } = getCardColors({
  const {
    titleColor,
    textColor,
    iconColor,
    bgColor,
    borderColor,
  } = getCardColors({
    title_color,
    icon_color,
    text_color,
@@ -131,7 +137,17 @@ const renderStatsCard = (stats = {}, options = { hide: [] }) => {
    },
  };

  const longLocales = ["cn", "es", "fr", "pt-br", "ru", "uk-ua", "id", "my", "pl"];
  const longLocales = [
    "cn",
    "es",
    "fr",
    "pt-br",
    "ru",
    "uk-ua",
    "id",
    "my",
    "pl",
  ];
  const isLongLocale = longLocales.includes(locale) === true;

  // filter out hidden stats defined by user & create the text nodes
@@ -223,7 +239,7 @@ const renderStatsCard = (stats = {}, options = { hide: [] }) => {
    ${rankCircle}

    <svg x="0" y="0">
      ${FlexLayout({
      ${flexLayout({
        items: statItems,
        gap: lheight,
        direction: "column",
+5 −5
Original line number Diff line number Diff line
const Card = require("../common/Card");
const { clampValue, getCardColors, FlexLayout } = require("../common/utils");
const { createProgressNode } = require("../common/createProgressNode");
const { langCardLocales } = require("../translations");
const I18n = require("../common/I18n");
const { langCardLocales } = require("../translations");
const { createProgressNode } = require("../common/createProgressNode");
const { clampValue, getCardColors, flexLayout } = require("../common/utils");

const createProgressTextNode = ({ width, color, name, progress }) => {
  const paddingRight = 95;
@@ -75,7 +75,7 @@ const renderTopLanguages = (topLangs, options = {}) => {
    locale,
    langs_count = 5,
    border_radius,
    border_color
    border_color,
  } = options;

  const i18n = new I18n({
@@ -171,7 +171,7 @@ const renderTopLanguages = (topLangs, options = {}) => {
      }).join("")}
    `;
  } else {
    finalLayout = FlexLayout({
    finalLayout = flexLayout({
      items: langs.map((lang) => {
        return createProgressTextNode({
          width: width,
+3 −3
Original line number Diff line number Diff line
@@ -2,9 +2,9 @@ const Card = require("../common/Card");
const I18n = require("../common/I18n");
const { getStyles } = require("../getStyles");
const { wakatimeCardLocales } = require("../translations");
const { clampValue, getCardColors, FlexLayout } = require("../common/utils");
const { createProgressNode } = require("../common/createProgressNode");
const languageColors = require("../common/languageColors.json");
const { createProgressNode } = require("../common/createProgressNode");
const { clampValue, getCardColors, flexLayout } = require("../common/utils");

const noCodingActivityNode = ({ color, text }) => {
  return `
@@ -204,7 +204,7 @@ const renderWakatimeCard = (stats = {}, options = { hide: [] }) => {
      }).join("")}
    `;
  } else {
    finalLayout = FlexLayout({
    finalLayout = flexLayout({
      items: statItems.length
        ? statItems
        : [
+2 −2
Original line number Diff line number Diff line
const { FlexLayout, encodeHTML } = require("../common/utils");
const { getAnimations } = require("../getStyles");
const { flexLayout, encodeHTML } = require("../common/utils");

class Card {
  constructor({
@@ -85,7 +85,7 @@ class Card {
        data-testid="card-title"
        transform="translate(${this.paddingX}, ${this.paddingY})"
      >
        ${FlexLayout({
        ${flexLayout({
          items: [this.titlePrefixIcon && prefixIcon, titleText],
          gap: 25,
        }).join("")}
Loading