From c9736ec0fafaef4ea9cfce5342f2e08792916aef Mon Sep 17 00:00:00 2001
From: Andrey Meshkov <am@adguard.com>
Date: Sun, 14 Oct 2018 23:42:25 +0300
Subject: [PATCH] capitalize category name
---
client/src/components/Dashboard/Statistics.js | 2 +-
client/src/components/ui/Popover.js | 5 ++++-
client/src/helpers/helpers.js | 2 ++
3 files changed, 7 insertions(+), 2 deletions(-)
diff --git a/client/src/components/Dashboard/Statistics.js b/client/src/components/Dashboard/Statistics.js
index 434c21fd..a54e0c00 100644
--- a/client/src/components/Dashboard/Statistics.js
+++ b/client/src/components/Dashboard/Statistics.js
@@ -48,7 +48,7 @@ class Statistics extends Component {
{getPercent(dnsQueries, blockedFiltering)}
</div>
<div className="card-title-stats">
- Blocked by Filters
+ Blocked by <a href="#filters">Filters</a>
</div>
</div>
<div className="card-chart-bg">
diff --git a/client/src/components/ui/Popover.js b/client/src/components/ui/Popover.js
index 7ffbabed..4ed27afd 100644
--- a/client/src/components/ui/Popover.js
+++ b/client/src/components/ui/Popover.js
@@ -1,6 +1,7 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { getSourceData } from '../../helpers/trackers/trackers';
+import { captitalizeWords } from '../../helpers/helpers';
import './Popover.css';
@@ -22,6 +23,8 @@ class Popover extends Component {
</div>
);
+ const categoryName = captitalizeWords(data.category);
+
return (
<div className="popover-wrap">
<div className="popover__trigger">
@@ -34,7 +37,7 @@ class Popover extends Component {
</div>
{tracker}
<div className="popover__list-item">
- Category: <strong>{data.category}</strong>
+ Category: <strong>{categoryName}</strong>
</div>
{source}
</div>
diff --git a/client/src/helpers/helpers.js b/client/src/helpers/helpers.js
index 1dea8b8a..07c343bc 100644
--- a/client/src/helpers/helpers.js
+++ b/client/src/helpers/helpers.js
@@ -81,3 +81,5 @@ export const getPercent = (amount, number) => {
}
return 0;
};
+
+export const captitalizeWords = text => text.split(/[ -_]/g).map(str => str.charAt(0).toUpperCase() + str.substr(1)).join(' ');