{
diff --git a/src/components/Blog.js b/src/components/Blog.js
index 9b9e8c0..6b20f79 100644
--- a/src/components/Blog.js
+++ b/src/components/Blog.js
@@ -86,13 +86,17 @@ const Blog = () => {
className="card shadow-lg compact bg-base-100 cursor-pointer"
key={index}
onClick={() => {
- if (config.googleAnalytics.id) {
- ga.event({
- action: "Click Blog Post",
- params: {
- post: article.title
- }
- });
+ try {
+ if (config.googleAnalytics.id) {
+ ga.event({
+ action: "Click Blog Post",
+ params: {
+ post: article.title
+ }
+ });
+ }
+ } catch (error) {
+ console.error(error);
}
window.open(article.link, '_blank')
diff --git a/src/components/MetaTags.js b/src/components/MetaTags.js
new file mode 100644
index 0000000..eeb942e
--- /dev/null
+++ b/src/components/MetaTags.js
@@ -0,0 +1,62 @@
+import React, { Fragment } from 'react';
+import { Helmet } from "react-helmet-async";
+import { useSelector } from 'react-redux';
+import config from '../config';
+import { isThemeDarkish } from '../helpers/utils';
+
+const MetaTags = () => {
+ const profile = useSelector(state => state.profile);
+ const theme = useSelector(state => state.theme);
+
+ return (
+
+ {
+ profile && (
+
+ {
+ config.googleAnalytics.id && (
+
+ )
+ }
+ {
+ config.googleAnalytics.id && (
+
+ )
+ }
+ Portfolio of {profile.name}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+ }
+
+ )
+}
+
+export default MetaTags;
\ No newline at end of file
diff --git a/src/components/Project.js b/src/components/Project.js
index 8e74e2e..3ada0a3 100644
--- a/src/components/Project.js
+++ b/src/components/Project.js
@@ -56,13 +56,17 @@ const Project = () => {
className="card shadow-lg compact bg-base-100 cursor-pointer"
key={index}
onClick={() => {
- if (config.googleAnalytics.id) {
- ga.event({
- action: "Click project",
- params: {
- project: item.name
- }
- });
+ try {
+ if (config.googleAnalytics.id) {
+ ga.event({
+ action: "Click project",
+ params: {
+ project: item.name
+ }
+ });
+ }
+ } catch (error) {
+ console.error(error);
}
window.open(item.html_url, '_blank')
diff --git a/src/helpers/utils.js b/src/helpers/utils.js
index f7dc068..b8ef90f 100644
--- a/src/helpers/utils.js
+++ b/src/helpers/utils.js
@@ -52,4 +52,19 @@ export const ga = {
console.error(error);
}
}
+}
+
+export const isThemeDarkish = (theme) => {
+ if (
+ theme === 'dark' ||
+ theme === 'halloween' ||
+ theme === 'forest' ||
+ theme === 'black' ||
+ theme === 'luxury' ||
+ theme === 'dracula'
+ ) {
+ return true;
+ } else {
+ return false;
+ }
}
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 36ff28a..d1735e1 100644
--- a/src/index.js
+++ b/src/index.js
@@ -5,11 +5,14 @@ import App from './App';
import { Provider } from 'react-redux';
import reportWebVitals from './reportWebVitals';
import { store } from './store/store';
+import { HelmetProvider } from 'react-helmet-async';
ReactDOM.render(
-
+
+
+
,
document.getElementById('root')
diff --git a/src/index.scss b/src/index.scss
index d6456d5..ebf51ff 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -26,6 +26,7 @@ body {
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
+ --z-primary: red;
}
code {