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)}
- Blocked by Filters + Blocked by Filters
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 {
); + const categoryName = captitalizeWords(data.category); + return (
@@ -34,7 +37,7 @@ class Popover extends Component {
{tracker}
- Category: {data.category} + Category: {categoryName}
{source}
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(' ');