- fix label in contact

- fix importing from json
- fix reset everything
- update dependencies

gatsby-config.js

@@ -5,7 +5,7 @@ module.exports = {
     title: 'Reactive Resume',
     siteUrl: 'https://rxresu.me',
     description: 'A free and open source resume builder.',
-    version: '2.1.1',
+    version: '2.1.2',
   },
   plugins: [
     'gatsby-plugin-react-helmet',

package.json

@@ -18,31 +18,30 @@
   "dependencies": {
     "@material-ui/core": "^4.11.0",
     "@reach/router": "^1.3.4",
-    "ajv": "^6.12.3",
     "animate.css": "^4.1.0",
     "array-move": "^3.0.0",
     "classnames": "^2.2.6",
-    "dayjs": "^1.8.30",
+    "dayjs": "^1.8.31",
     "dotenv": "^8.2.0",
     "downloadjs": "^1.4.7",
     "firebase": "^7.17.1",
     "formik": "^2.1.5",
-    "gatsby": "^2.24.11",
+    "gatsby": "^2.24.15",
-    "gatsby-image": "^2.4.13",
+    "gatsby-image": "^2.4.14",
     "gatsby-plugin-create-client-paths": "^2.3.10",
     "gatsby-plugin-firebase": "^0.2.0-beta.4",
     "gatsby-plugin-manifest": "^2.4.21",
-    "gatsby-plugin-material-ui": "^2.1.9",
+    "gatsby-plugin-material-ui": "^2.1.10",
     "gatsby-plugin-postcss": "^2.3.11",
     "gatsby-plugin-prefetch-google-fonts": "^1.4.3",
     "gatsby-plugin-react-helmet": "^3.3.10",
     "gatsby-plugin-remove-serviceworker": "^1.0.0",
-    "gatsby-plugin-sharp": "^2.6.22",
+    "gatsby-plugin-sharp": "^2.6.24",
     "gatsby-plugin-sitemap": "^2.4.11",
     "gatsby-source-filesystem": "^2.3.23",
     "gatsby-source-gravatar": "^1.0.0",
     "gatsby-transformer-remark": "^2.8.27",
-    "gatsby-transformer-sharp": "^2.5.11",
+    "gatsby-transformer-sharp": "^2.5.12",
     "i18next": "^19.6.3",
     "lodash": "^4.17.19",
     "nanoevents": "^5.1.8",
@@ -60,17 +59,17 @@
     "yup": "^0.29.2"
   },
   "devDependencies": {
-    "autoprefixer": "^9.8.5",
+    "autoprefixer": "^9.8.6",
     "eslint": "^7.5.0",
     "eslint-config-airbnb": "^18.2.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-loader": "^4.0.2",
     "eslint-plugin-jsx-a11y": "^6.3.1",
     "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.20.4",
+    "eslint-plugin-react": "^7.20.5",
     "gatsby-plugin-eslint": "^2.0.8",
     "prettier": "2.0.5",
-    "tailwindcss": "^1.5.2"
+    "tailwindcss": "^1.6.0"
   },
   "repository": {
     "type": "git",

src/data/demoState.json

@@ -82,9 +82,18 @@
 	"hobbies": {
 		"heading": "Hobbies",
 		"items": [
-      { "id": "788dcf5a-78ca-4866-8397-c7a29073d9a1", "name": "Poetry" },
+			{
-      { "id": "e3523371-f50c-4348-8c5e-35fe84c0006d", "name": "Travelling" },
+				"id": "788dcf5a-78ca-4866-8397-c7a29073d9a1",
-      { "id": "92c35e3b-6cd7-4cea-b505-61347ec61b68", "name": "Photography" },
+				"name": "Poetry"
+			},
+			{
+				"id": "e3523371-f50c-4348-8c5e-35fe84c0006d",
+				"name": "Travelling"
+			},
+			{
+				"id": "92c35e3b-6cd7-4cea-b505-61347ec61b68",
+				"name": "Photography"
+			},
 			{
 				"id": "d36f2089-93a9-4f30-a425-3dd81c6b89df",
 				"name": "Playing Badminton"
@@ -129,22 +138,64 @@
 			"text": "#212121"
 		},
 		"font": "Open Sans",
+		"language": "en",
 		"layout": {
 			"castform": [
-        ["awards", "certifications", "languages", "hobbies"],
+				[
-        ["objective", "work", "education", "skills", "projects", "references"]
+					"awards",
+					"certifications",
+					"languages",
+					"hobbies"
+				],
+				[
+					"objective",
+					"work",
+					"education",
+					"skills",
+					"projects",
+					"references"
+				]
 			],
 			"celebi": [
-        ["awards", "certifications", "languages", "hobbies"],
+				[
-        ["objective", "work", "education", "skills", "projects", "references"]
+					"awards",
+					"certifications",
+					"languages",
+					"hobbies"
+				],
+				[
+					"objective",
+					"work",
+					"education",
+					"skills",
+					"projects",
+					"references"
+				]
 			],
 			"gengar": [
-        ["objective", "skills"],
+				[
-        ["awards", "certifications", "languages", "references", "hobbies"],
+					"objective",
-        ["work", "education", "projects"]
+					"skills"
+				],
+				[
+					"awards",
+					"certifications",
+					"languages",
+					"references",
+					"hobbies"
+				],
+				[
+					"work",
+					"education",
+					"projects"
+				]
 			],
 			"glalie": [
-        ["awards", "certifications", "hobbies"],
+				[
+					"awards",
+					"certifications",
+					"hobbies"
+				],
 				[
 					"objective",
 					"work",
@@ -156,13 +207,37 @@
 				]
 			],
 			"onyx": [
-        ["objective", "work", "education", "projects"],
+				[
-        ["hobbies", "languages", "awards", "certifications"],
+					"objective",
-        ["skills", "references"]
+					"work",
+					"education",
+					"projects"
+				],
+				[
+					"hobbies",
+					"languages",
+					"awards",
+					"certifications"
+				],
+				[
+					"skills",
+					"references"
+				]
 			],
 			"pikachu": [
-        ["skills", "languages", "hobbies", "awards", "certifications"],
+				[
-        ["work", "education", "projects", "references"]
+					"skills",
+					"languages",
+					"hobbies",
+					"awards",
+					"certifications"
+				],
+				[
+					"work",
+					"education",
+					"projects",
+					"references"
+				]
 			]
 		},
 		"template": "castform"
@@ -172,6 +247,7 @@
 		"heading": "Objective",
 		"visible": true
 	},
+	"preview": "https://images.unsplash.com/photo-1594483672645-895b77326094?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=600&ixid=eyJhcHBfaWQiOjF9&ixlib=rb-1.2.1&q=80&w=400",
 	"profile": {
 		"address": {
 			"city": "Bangalore, India -",

src/data/initialState.json

@@ -70,6 +70,7 @@
     "items": []
   },
   "metadata": {
+    "language": "en",
     "template": "onyx",
     "font": "Montserrat",
     "layout": {

src/data/schema/jsonResume.json

@@ -1,466 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-04/schema#",
-  "$id": "http://json-schema.org/draft-04/schema#",
-  "definitions": {
-    "iso8601": {
-      "type": "string",
-      "description": "e.g. 2014-06-29",
-      "pattern": "^([1-2][0-9]{3}-[0-1][0-9]-[0-3][0-9]|[1-2][0-9]{3}-[0-1][0-9]|[1-2][0-9]{3})$"
-    }
-  },
-  "properties": {
-    "basics": {
-      "type": "object",
-      "additionalProperties": true,
-      "properties": {
-        "name": {
-          "type": "string"
-        },
-        "label": {
-          "type": "string",
-          "description": "e.g. Web Developer"
-        },
-        "image": {
-          "type": "string",
-          "description": "URL (as per RFC 3986) to a image in JPEG or PNG format"
-        },
-        "email": {
-          "type": "string",
-          "description": "e.g. thomas@gmail.com",
-          "format": "email"
-        },
-        "phone": {
-          "type": "string",
-          "description": "Phone numbers are stored as strings so use any format you like, e.g. 712-117-2923"
-        },
-        "url": {
-          "type": "string",
-          "description": "URL (as per RFC 3986) to your website, e.g. personal homepage",
-          "format": "uri"
-        },
-        "summary": {
-          "type": "string",
-          "description": "Write a short 2-3 sentence biography about yourself"
-        },
-        "location": {
-          "type": "object",
-          "additionalProperties": true,
-          "properties": {
-            "address": {
-              "type": "string",
-              "description": "To add multiple address lines, use \n. For example, 1234 Glücklichkeit Straße\nHinterhaus 5. Etage li."
-            },
-            "postalCode": {
-              "type": "string"
-            },
-            "city": {
-              "type": "string"
-            },
-            "countryCode": {
-              "type": "string",
-              "description": "code as per ISO-3166-1 ALPHA-2, e.g. US, AU, IN"
-            },
-            "region": {
-              "type": "string",
-              "description": "The general region where you live. Can be a US state, or a province, for instance."
-            }
-          }
-        },
-        "profiles": {
-          "type": "array",
-          "description": "Specify any number of social networks that you participate in",
-          "additionalItems": false,
-          "items": {
-            "type": "object",
-            "additionalProperties": true,
-            "properties": {
-              "network": {
-                "type": "string",
-                "description": "e.g. Facebook or Twitter"
-              },
-              "username": {
-                "type": "string",
-                "description": "e.g. neutralthoughts"
-              },
-              "url": {
-                "type": "string",
-                "description": "e.g. http://twitter.example.com/neutralthoughts",
-                "format": "uri"
-              }
-            }
-          }
-        }
-      }
-    },
-    "work": {
-      "type": "array",
-      "additionalItems": false,
-      "items": {
-        "type": "object",
-        "additionalProperties": true,
-        "properties": {
-          "name": {
-            "type": "string",
-            "description": "e.g. Facebook"
-          },
-          "location": {
-            "type": "string",
-            "description": "e.g. Menlo Park, CA"
-          },
-          "description": {
-            "type": "string",
-            "description": "e.g. Social Media Company"
-          },
-          "position": {
-            "type": "string",
-            "description": "e.g. Software Engineer"
-          },
-          "url": {
-            "type": "string",
-            "description": "e.g. http://facebook.example.com",
-            "format": "uri"
-          },
-          "startDate": {
-            "$ref": "#/definitions/iso8601"
-          },
-          "endDate": {
-            "$ref": "#/definitions/iso8601"
-          },
-          "summary": {
-            "type": "string",
-            "description": "Give an overview of your responsibilities at the company"
-          },
-          "highlights": {
-            "type": "array",
-            "description": "Specify multiple accomplishments",
-            "additionalItems": false,
-            "items": {
-              "type": "string",
-              "description": "e.g. Increased profits by 20% from 2011-2012 through viral advertising"
-            }
-          }
-        }
-      }
-    },
-    "volunteer": {
-      "type": "array",
-      "additionalItems": false,
-      "items": {
-        "type": "object",
-        "additionalProperties": true,
-        "properties": {
-          "organization": {
-            "type": "string",
-            "description": "e.g. Facebook"
-          },
-          "position": {
-            "type": "string",
-            "description": "e.g. Software Engineer"
-          },
-          "url": {
-            "type": "string",
-            "description": "e.g. http://facebook.example.com",
-            "format": "uri"
-          },
-          "startDate": {
-            "$ref": "#/definitions/iso8601"
-          },
-          "endDate": {
-            "$ref": "#/definitions/iso8601"
-          },
-          "summary": {
-            "type": "string",
-            "description": "Give an overview of your responsibilities at the company"
-          },
-          "highlights": {
-            "type": "array",
-            "description": "Specify accomplishments and achievements",
-            "additionalItems": false,
-            "items": {
-              "type": "string",
-              "description": "e.g. Increased profits by 20% from 2011-2012 through viral advertising"
-            }
-          }
-        }
-      }
-    },
-    "education": {
-      "type": "array",
-      "additionalItems": false,
-      "items": {
-        "type": "object",
-        "additionalProperties": true,
-        "properties": {
-          "institution": {
-            "type": "string",
-            "description": "e.g. Massachusetts Institute of Technology"
-          },
-          "url": {
-            "type": "string",
-            "description": "e.g. http://facebook.example.com",
-            "format": "uri"
-          },
-          "area": {
-            "type": "string",
-            "description": "e.g. Arts"
-          },
-          "studyType": {
-            "type": "string",
-            "description": "e.g. Bachelor"
-          },
-          "startDate": {
-            "$ref": "#/definitions/iso8601"
-          },
-          "endDate": {
-            "$ref": "#/definitions/iso8601"
-          },
-          "gpa": {
-            "type": "string",
-            "description": "grade point average, e.g. 3.67/4.0"
-          },
-          "courses": {
-            "type": "array",
-            "description": "List notable courses/subjects",
-            "additionalItems": false,
-            "items": {
-              "type": "string",
-              "description": "e.g. H1302 - Introduction to American history"
-            }
-          }
-        }
-      }
-    },
-    "awards": {
-      "type": "array",
-      "description": "Specify any awards you have received throughout your professional career",
-      "additionalItems": false,
-      "items": {
-        "type": "object",
-        "additionalProperties": true,
-        "properties": {
-          "title": {
-            "type": "string",
-            "description": "e.g. One of the 100 greatest minds of the century"
-          },
-          "date": {
-            "$ref": "#/definitions/iso8601"
-          },
-          "awarder": {
-            "type": "string",
-            "description": "e.g. Time Magazine"
-          },
-          "summary": {
-            "type": "string",
-            "description": "e.g. Received for my work with Quantum Physics"
-          }
-        }
-      }
-    },
-    "publications": {
-      "type": "array",
-      "description": "Specify your publications through your career",
-      "additionalItems": false,
-      "items": {
-        "type": "object",
-        "additionalProperties": true,
-        "properties": {
-          "name": {
-            "type": "string",
-            "description": "e.g. The World Wide Web"
-          },
-          "publisher": {
-            "type": "string",
-            "description": "e.g. IEEE, Computer Magazine"
-          },
-          "releaseDate": {
-            "$ref": "#/definitions/iso8601"
-          },
-          "url": {
-            "type": "string",
-            "description": "e.g. http://www.computer.org.example.com/csdl/mags/co/1996/10/rx069-abs.html",
-            "format": "uri"
-          },
-          "summary": {
-            "type": "string",
-            "description": "Short summary of publication. e.g. Discussion of the World Wide Web, HTTP, HTML."
-          }
-        }
-      }
-    },
-    "skills": {
-      "type": "array",
-      "description": "List out your professional skill-set",
-      "additionalItems": false,
-      "items": {
-        "type": "object",
-        "additionalProperties": true,
-        "properties": {
-          "name": {
-            "type": "string",
-            "description": "e.g. Web Development"
-          },
-          "level": {
-            "type": "string",
-            "description": "e.g. Master"
-          },
-          "keywords": {
-            "type": "array",
-            "description": "List some keywords pertaining to this skill",
-            "additionalItems": false,
-            "items": {
-              "type": "string",
-              "description": "e.g. HTML"
-            }
-          }
-        }
-      }
-    },
-    "languages": {
-      "type": "array",
-      "description": "List any other languages you speak",
-      "additionalItems": false,
-      "items": {
-        "type": "object",
-        "additionalProperties": true,
-        "properties": {
-          "language": {
-            "type": "string",
-            "description": "e.g. English, Spanish"
-          },
-          "fluency": {
-            "type": "string",
-            "description": "e.g. Fluent, Beginner"
-          }
-        }
-      }
-    },
-    "interests": {
-      "type": "array",
-      "additionalItems": false,
-      "items": {
-        "type": "object",
-        "additionalProperties": true,
-        "properties": {
-          "name": {
-            "type": "string",
-            "description": "e.g. Philosophy"
-          },
-          "keywords": {
-            "type": "array",
-            "additionalItems": false,
-            "items": {
-              "type": "string",
-              "description": "e.g. Friedrich Nietzsche"
-            }
-          }
-        }
-      }
-    },
-    "references": {
-      "type": "array",
-      "description": "List references you have received",
-      "additionalItems": false,
-      "items": {
-        "type": "object",
-        "additionalProperties": true,
-        "properties": {
-          "name": {
-            "type": "string",
-            "description": "e.g. Timothy Cook"
-          },
-          "reference": {
-            "type": "string",
-            "description": "e.g. Joe blogs was a great employee, who turned up to work at least once a week. He exceeded my expectations when it came to doing nothing."
-          }
-        }
-      }
-    },
-    "projects": {
-      "type": "array",
-      "description": "Specify career projects",
-      "additionalItems": false,
-      "items": {
-        "type": "object",
-        "additionalProperties": true,
-        "properties": {
-          "name": {
-            "type": "string",
-            "description": "e.g. The World Wide Web"
-          },
-          "description": {
-            "type": "string",
-            "description": "Short summary of project. e.g. Collated works of 2017."
-          },
-          "highlights": {
-            "type": "array",
-            "description": "Specify multiple features",
-            "additionalItems": false,
-            "items": {
-              "type": "string",
-              "description": "e.g. Directs you close but not quite there"
-            }
-          },
-          "keywords": {
-            "type": "array",
-            "description": "Specify special elements involved",
-            "additionalItems": false,
-            "items": {
-              "type": "string",
-              "description": "e.g. AngularJS"
-            }
-          },
-          "startDate": {
-            "$ref": "#/definitions/iso8601"
-          },
-          "endDate": {
-            "$ref": "#/definitions/iso8601"
-          },
-          "url": {
-            "type": "string",
-            "format": "uri",
-            "description": "e.g. http://www.computer.org/csdl/mags/co/1996/10/rx069-abs.html"
-          },
-          "roles": {
-            "type": "array",
-            "description": "Specify your role on this project or in company",
-            "additionalItems": false,
-            "items": {
-              "type": "string",
-              "description": "e.g. Team Lead, Speaker, Writer"
-            }
-          },
-          "entity": {
-            "type": "string",
-            "description": "Specify the relevant company/entity affiliations e.g. 'greenpeace', 'corporationXYZ'"
-          },
-          "type": {
-            "type": "string",
-            "description": " e.g. 'volunteering', 'presentation', 'talk', 'application', 'conference'"
-          }
-        }
-      }
-    },
-    "meta": {
-      "type": "object",
-      "description": "The schema version and any other tooling configuration lives here",
-      "additionalProperties": true,
-      "properties": {
-        "canonical": {
-          "type": "string",
-          "description": "URL (as per RFC 3986) to latest version of this document",
-          "format": "uri"
-        },
-        "version": {
-          "type": "string",
-          "description": "A version field which follows semver - e.g. v1.0.0"
-        },
-        "lastModified": {
-          "type": "string",
-          "description": "Using ISO 8601 with YYYY-MM-DDThh:mm:ss"
-        }
-      }
-    }
-  },
-  "title": "Resume Schema",
-  "type": "object"
-}

src/modals/sections/ImportModal.js

@@ -1,19 +1,15 @@
 import { Tooltip } from '@material-ui/core';
-import Ajv from 'ajv';
 import React, { memo, useContext, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { toast } from 'react-toastify';
 import Button from '../../components/shared/Button';
 import ModalContext from '../../contexts/ModalContext';
 import { useDispatch } from '../../contexts/ResumeContext';
-import reactiveResumeSchema from '../../data/schema/reactiveResume.json';
-import jsonResumeSchema from '../../data/schema/jsonResume.json';
 import BaseModal from '../BaseModal';
 
 const ImportModal = () => {
-  const ajv = new Ajv();
   const { t } = useTranslation();
-  const fileInputRef = useRef(null);
+  const reactiveResumeFileInputRef = useRef(null);
+  const jsonResumeFileInputRef = useRef(null);
   const [open, setOpen] = useState(false);
   const dispatch = useDispatch();
 
@@ -29,11 +25,6 @@ const ImportModal = () => {
     const fr = new FileReader();
     fr.addEventListener('load', () => {
       const payload = JSON.parse(fr.result);
-      const valid = ajv.validate(reactiveResumeSchema, payload);
-      if (!valid) {
-        ajv.errors.forEach((x) => toast.error(`Invalid Data: ${x.message}`));
-        return;
-      }
       dispatch({ type: 'on_import', payload });
       setOpen(false);
     });
@@ -44,11 +35,6 @@ const ImportModal = () => {
     const fr = new FileReader();
     fr.addEventListener('load', () => {
       const payload = JSON.parse(fr.result);
-      const valid = ajv.validate(jsonResumeSchema, payload);
-      if (!valid) {
-        ajv.errors.forEach((x) => toast.error(`Invalid Data: ${x.message}`));
-        return;
-      }
       dispatch({ type: 'on_import_jsonresume', payload });
       setOpen(false);
     });
@@ -70,11 +56,14 @@ const ImportModal = () => {
           {t('modals.import.reactiveResume.text')}
         </p>
 
-        <Button className="mt-5" onClick={() => fileInputRef.current.click()}>
+        <Button
+          className="mt-5"
+          onClick={() => reactiveResumeFileInputRef.current.click()}
+        >
           {t('modals.import.button')}
         </Button>
         <input
-          ref={fileInputRef}
+          ref={reactiveResumeFileInputRef}
           type="file"
           className="hidden"
           onChange={importReactiveResumeJson}
@@ -90,11 +79,14 @@ const ImportModal = () => {
 
         <p className="leading-loose">{t('modals.import.jsonResume.text')}</p>
 
-        <Button className="mt-5" onClick={() => fileInputRef.current.click()}>
+        <Button
+          className="mt-5"
+          onClick={() => jsonResumeFileInputRef.current.click()}
+        >
           {t('modals.import.button')}
         </Button>
         <input
-          ref={fileInputRef}
+          ref={jsonResumeFileInputRef}
           type="file"
           className="hidden"
           onChange={importJsonResume}

src/pages/r/view.js

@@ -14,7 +14,7 @@ import styles from './view.module.css';
 import Celebi from '../../templates/Celebi';
 
 const ResumeViewer = ({ id }) => {
-  const { t } = useTranslation();
+  const { t, i18n } = useTranslation();
   const [resume, setResume] = useState(null);
   const [loading, setLoading] = useState(true);
   const { getResume } = useContext(DatabaseContext);
@@ -32,6 +32,7 @@ const ResumeViewer = ({ id }) => {
       }
 
       setResume(data);
+      i18n.changeLanguage(data.metadata.language || 'en');
       return setLoading(false);
     })();
   }, [id]);

src/templates/blocks/Contact/ContactA.js

@@ -1,5 +1,6 @@
 import { get } from 'lodash';
 import React, { memo, useContext } from 'react';
+import { useTranslation } from 'react-i18next';
 import { FaCaretRight } from 'react-icons/fa';
 import PageContext from '../../../contexts/PageContext';
 import { safetyCheck } from '../../../utils';
@@ -7,7 +8,7 @@ import Icons from '../Icons';
 
 const ContactItem = ({ value, icon, link }) => {
   const { data } = useContext(PageContext);
-  const Icon = get(Icons, icon.toLowerCase(), FaCaretRight);
+  const Icon = get(Icons, icon && icon.toLowerCase(), FaCaretRight);
 
   return value ? (
     <div className="flex items-center">
@@ -28,22 +29,23 @@ const ContactItem = ({ value, icon, link }) => {
 };
 
 const ContactA = () => {
+  const { t } = useTranslation();
   const { data } = useContext(PageContext);
 
   return (
     <div className="text-xs grid gap-2">
       <ContactItem
-        icon="phone"
+        label={t('shared.forms.phone')}
         value={data.profile.phone}
         link={`tel:${data.profile.phone}`}
       />
       <ContactItem
-        icon="website"
+        label={t('shared.forms.website')}
         value={data.profile.website}
         link={data.profile.website}
       />
       <ContactItem
-        icon="email"
+        label={t('shared.forms.email')}
         value={data.profile.email}
         link={`mailto:${data.profile.email}`}
       />

src/templates/blocks/Contact/ContactB.js

@@ -1,5 +1,6 @@
 import { get } from 'lodash';
 import React, { memo, useContext } from 'react';
+import { useTranslation } from 'react-i18next';
 import { FaCaretRight } from 'react-icons/fa';
 import PageContext from '../../../contexts/PageContext';
 import { safetyCheck } from '../../../utils';
@@ -28,22 +29,23 @@ const ContactItem = ({ value, icon, link }) => {
 };
 
 const ContactA = () => {
+  const { t } = useTranslation();
   const { data } = useContext(PageContext);
 
   return (
     <div className="text-xs grid gap-2">
       <ContactItem
-        icon="phone"
+        label={t('shared.forms.phone')}
         value={data.profile.phone}
         link={`tel:${data.profile.phone}`}
       />
       <ContactItem
-        icon="website"
+        label={t('shared.forms.website')}
         value={data.profile.website}
         link={data.profile.website}
       />
       <ContactItem
-        icon="email"
+        label={t('shared.forms.email')}
         value={data.profile.email}
         link={`mailto:${data.profile.email}`}
       />

src/templates/blocks/Contact/ContactC.js

@@ -40,17 +40,17 @@ const ContactC = () => {
       )}
 
       <ContactItem
-        label="phone"
+        label={t('shared.forms.phone')}
         value={data.profile.phone}
         link={`tel:${data.profile.phone}`}
       />
       <ContactItem
-        label="website"
+        label={t('shared.forms.website')}
         value={data.profile.website}
         link={data.profile.website}
       />
       <ContactItem
-        label="email"
+        label={t('shared.forms.email')}
         value={data.profile.email}
         link={`mailto:${data.profile.email}`}
       />

src/templates/blocks/Contact/ContactD.js

@@ -58,17 +58,17 @@ const ContactD = () => {
       )}
 
       <ContactItem
-        label="phone"
+        label={t('shared.forms.phone')}
         value={data.profile.phone}
         link={`tel:${data.profile.phone}`}
       />
       <ContactItem
-        label="website"
+        label={t('shared.forms.website')}
         value={data.profile.website}
         link={data.profile.website}
       />
       <ContactItem
-        label="email"
+        label={t('shared.forms.email')}
         value={data.profile.email}
         link={`mailto:${data.profile.email}`}
       />

src/templates/blocks/Contact/ContactE.js

@@ -40,17 +40,17 @@ const ContactE = () => {
         </div>
 
         <ContactItem
-          label="phone"
+          label={t('shared.forms.phone')}
           value={data.profile.phone}
           link={`tel:${data.profile.phone}`}
         />
         <ContactItem
-          label="website"
+          label={t('shared.forms.website')}
           value={data.profile.website}
           link={data.profile.website}
         />
         <ContactItem
-          label="email"
+          label={t('shared.forms.email')}
           value={data.profile.email}
           link={`mailto:${data.profile.email}`}
         />

src/utils/dayjs.js

@@ -1,4 +1,5 @@
 import dayjs from 'dayjs';
+import 'dayjs/locale/ar';
 import 'dayjs/locale/da';
 import 'dayjs/locale/de';
 import 'dayjs/locale/en';