diff --git a/src/short-urls/ShortUrlVisits.js b/src/short-urls/ShortUrlVisits.js
index 1ea5a4cf..6508709e 100644
--- a/src/short-urls/ShortUrlVisits.js
+++ b/src/short-urls/ShortUrlVisits.js
@@ -24,6 +24,15 @@ export class ShortUrlsVisits extends React.Component {
visitsParser,
shortUrlVisits: { visits, loading, error, shortUrl }
} = this.props;
+ const colors = [
+ '#97BBCD',
+ '#DCDCDC',
+ '#F7464A',
+ '#46BFBD',
+ '#FDB45C',
+ '#949FB1',
+ '#4D5360'
+ ];
const serverUrl = selectedServer ? selectedServer.url : '';
const shortLink = `${serverUrl}/${params.shortCode}`;
const generateGraphData = (stats, label, isBarChart) => ({
@@ -32,18 +41,27 @@ export class ShortUrlsVisits extends React.Component {
{
label,
data: Object.values(stats),
- backgroundColor: isBarChart ? 'rgba(200, 26, 80, 0.2)' : [],
- borderColor: isBarChart ? 'rgba(200, 26, 80, 1)' : [],
+ backgroundColor: isBarChart ? 'rgba(70, 150, 229, 0.4)' : colors,
+ borderColor: isBarChart ? 'rgba(70, 150, 229, 1)' : 'white',
+ borderWidth: 2
}
]
});
- const renderGraphCard = (title, stats, isBarChart = true) =>
+ const renderGraphCard = (title, stats, isBarChart, label) =>
{title}
- {!isBarChart && }
- {isBarChart && }
+ {!isBarChart && }
+ {isBarChart && }
;
@@ -72,8 +90,8 @@ export class ShortUrlsVisits extends React.Component {
{renderGraphCard('Operating systems', visitsParser.processOsStats(visits), false)}
{renderGraphCard('Browsers', visitsParser.processBrowserStats(visits), false)}
- {renderGraphCard('Countries', visitsParser.processCountriesStats(visits))}
- {renderGraphCard('Referrers', visitsParser.processReferrersStats(visits))}
+ {renderGraphCard('Countries', visitsParser.processCountriesStats(visits), true, 'Visits')}
+ {renderGraphCard('Referrers', visitsParser.processReferrersStats(visits), true, 'Visits')}
);
};
diff --git a/src/short-urls/helpers/PreviewModal.js b/src/short-urls/helpers/PreviewModal.js
index aa31755d..ee5393ca 100644
--- a/src/short-urls/helpers/PreviewModal.js
+++ b/src/short-urls/helpers/PreviewModal.js
@@ -9,7 +9,7 @@ export default function PreviewModal ({ url, toggle, isOpen }) {
Loading...
-
+
diff --git a/src/short-urls/helpers/QrCodeModal.js b/src/short-urls/helpers/QrCodeModal.js
index 01662c8f..1cedabba 100644
--- a/src/short-urls/helpers/QrCodeModal.js
+++ b/src/short-urls/helpers/QrCodeModal.js
@@ -8,7 +8,7 @@ export default function QrCodeModal ({ url, toggle, isOpen }) {
QR code for {url}
-
+