meta tags change

content/logs.json

@@ -44,7 +44,7 @@
     {
         "key":-5,
         "datetime":"2010-05-17T18:42:00.000Z",
-        "title":"c#_unit_testing_private_methods",
+        "title":"cs_unit_testing_private_methods",
         "tags":["c#","unit-tests"]
     },
     {
@@ -56,13 +56,13 @@
     {
         "key":-7,
         "datetime":"2010-04-26T07:45:00.000Z",
-        "title":"c#_unit_testing_ftp_with_resource_files",
+        "title":"cs_unit_testing_ftp_with_resource_files",
         "tags":["c#","unit-tests","ftp"]
     },
     {
         "key":-8,
         "datetime":"2010-03-08T21:02:00.000Z",
-        "title":"c#_hostname_machinename_ipaddress",
+        "title":"cs_hostname_machinename_ipaddress",
         "tags":["c#"]
     },
     {

public/index.html

@@ -4,21 +4,6 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
     <meta name="theme-color" content="#000000"/>
-    <!-- OG -->
-    <meta property="og:type" content="website" />
-    <meta property="og:site_name" content="dplogs"/>
-    <meta property="og:title" content="dhawal parkar logs ..." />
-    <meta property="og:url" content="http://dplogs.com" />
-    <meta property="og:image" content="https://dplogscontent.blob.core.windows.net/dplogs/metaimage_250_250.png" />
-    <meta property="og:image:alt" content="dplogs" />
-    <meta property="og:image:width" content="250" />
-    <meta property="og:image:height" content="250" />
-    <meta property="og:description" content="Artificial Intelligence and Robotics" />
-    <!-- Facebook OG -->
-    <meta property="fb:app_id" content="367989410291145" />
-    <!-- Twitter OG -->
-    <meta name="twitter:card" content="summary" />
-    <meta name="twitter:creator" content="@dparkar" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
@@ -35,7 +20,19 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-
+    <title>logs | dhawal parkar</title>
+    <meta property="og:title" content="logs | dhawal parkar"/>
+    <meta property="og:url" content="http://dplogs.com"/>
+    <meta property="og:description" content="Artificial Intelligence and Robotics"/>
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="dplogs"/>
+    <meta property="og:image" content="https://dplogscontent.blob.core.windows.net/dplogs/metaimage_250_250.png"/>
+    <meta property="og:image:alt" content="dplogs" />
+    <meta property="og:image:width" content="250" />
+    <meta property="og:image:height" content="250" />
+    <meta property="fb:app_id" content="367989410291145" />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:creator" content="@dparkar" />
 
     <!-- Start Single Page Apps for GitHub Pages -->
     <script type="text/javascript">

src/About/about.jsx

@@ -1,31 +1,18 @@
 import React from 'react';
 import { TrackedComponent } from 'react-appinsights';
 import FontAwesome from 'react-fontawesome';
+
 import './about.css';
 
 export default class About extends TrackedComponent {
   render() {
+    document.title = 'about | dhawal parkar';
+    document.getElementsByTagName('META')[3].content = 'about | dhawal parkar';
+    document.getElementsByTagName('META')[4].content =
+      'http://dplogs.com/about';
+
     return (
       <div className="about">
-        <title> about | dhawal parkar </title>
-        <meta property="og:type" content="website" />
-        <meta property="og:site_name" content="dplogs" />
-        <meta property="og:title" content="about | dhawal parkar" />
-        <meta property="og:url" content="http://dplogs.com/about" />
-        <meta
-          property="og:image"
-          content="https://dplogscontent.blob.core.windows.net/dplogs/metaimage_250_250.png"
-        />
-        <meta property="og:image:alt" content="dplogs" />
-        <meta property="og:image:width" content="250" />
-        <meta property="og:image:height" content="250" />
-        <meta
-          property="og:description"
-          content="Artificial Intelligence and Robotics"
-        />
-        <meta property="fb:app_id" content="367989410291145" />
-        <meta name="twitter:card" content="summary" />
-        <meta name="twitter:creator" content="@dparkar" />
         <div className="aboutcontent">
           <a
             href="https://www.linkedin.com/in/dparkar"

src/Err/err.jsx

@@ -4,6 +4,9 @@ import './err.css';
 
 export default class Err extends TrackedComponent {
   render() {
+    document.title = 'err | dhawal parkar';
+    document.getElementsByTagName('META')[3].content = 'err | dhawal parkar';
+    document.getElementsByTagName('META')[4].content = 'http://dplogs.com/err';
     return (
       <div className="err">
         <title>err | dhawal parkar</title>

src/LogDetails/logdetails.jsx

@@ -46,6 +46,12 @@ export default class LogDetails extends TrackedComponent {
   }
 
   render() {
+    document.title = this.state.logtitle + ' | dhawal parkar';
+    document.getElementsByTagName('META')[3].content =
+      this.state.logtitle + ' | dhawal parkar';
+    document.getElementsByTagName('META')[4].content =
+      'http://dplogs.com/log/' + this.state.logtitle;
+
     let fullcontent;
     if (this.state.logdetails === undefined && this.state.fetched === false) {
       fullcontent = (
@@ -68,9 +74,6 @@ export default class LogDetails extends TrackedComponent {
 
     return (
       <div>
-        <title>
-          {this.state.logtitle} | dhawal parkar
-        </title>
         {fullcontent}
       </div>
     );

src/Logs/logs.jsx

@@ -3,7 +3,6 @@ import { Link } from 'react-router-dom';
 import { TrackedComponent } from 'react-appinsights';
 import GitHub from 'github-api';
 import { Wave } from 'better-react-spinkit';
-
 import './logs.css';
 
 let repo;
@@ -47,6 +46,18 @@ export default class Logs extends TrackedComponent {
   }
 
   render() {
+    if (this.state.tagged === undefined) {
+      document.title = 'logs | dhawal parkar';
+      document.getElementsByTagName('META')[3].content = 'logs | dhawal parkar';
+      document.getElementsByTagName('META')[4].content = 'http://dplogs.com';
+    } else {
+      document.title = 'tagged ' + this.state.tagged + ' | dhawal parkar';
+      document.getElementsByTagName('META')[3].content =
+        'tagged ' + this.state.tagged + ' | dhawal parkar';
+      document.getElementsByTagName('META')[4].content =
+        'http://dplogs.com/tagged/' + this.state.tagged;
+    }
+
     let filteredlogs = this.state.logs;
     let logs;
     if (this.state.logs.length === 0 && this.state.fetched === false) {
@@ -96,7 +107,6 @@ export default class Logs extends TrackedComponent {
     }
     return (
       <div id="logs" className="logs">
-        <title>logs | dhawal parkar</title>
         {logs}
       </div>
     );

src/Stats/stats.jsx

@@ -4,9 +4,13 @@ import './stats.css';
 
 export default class Stats extends TrackedComponent {
   render() {
+    document.title = 'stats | dhawal parkar';
+    document.getElementsByTagName('META')[3].content = 'stats | dhawal parkar';
+    document.getElementsByTagName('META')[4].content =
+      'http://dplogs.com/stats';
+
     return (
       <div className="Logs">
-        <title>stats | dhawal parkar</title>
         <div className="stats">
           <h1>soon</h1>
         </div>