Update CV

app/frontend/src/views/Dashboard.tsx

@@ -1,6 +1,6 @@
 import styled from "@emotion/styled";
 import React from "react";
-import { defineMessages, useIntl } from "react-intl";
+import { useIntl } from "react-intl";
 
 import { Experience, Skills, Summary } from "../components/CV";
 import MainLayout from "../components/Layout/MainLayout";
@@ -11,21 +11,6 @@ import { Headline, SubHeadline } from "../components/common/Headline";
 import { Spacer } from "../components/common/Spacer";
 import { CONTACT_EMAIL, CONTACT_PHONE, POSITION } from "../config/environment";
 
-const messages = defineMessages({
-  experienceTitle: {
-    defaultMessage: "Experience",
-    id: "Dashboard.experienceTitle",
-  },
-  location: {
-    defaultMessage: "Central Bohemia, Czechia",
-    id: "Dashboard.location",
-  },
-  skillsTitle: {
-    defaultMessage: "Skills",
-    id: "Dashboard.skillsTitle",
-  },
-});
-
 const HiddenWithNav = styled("div")({
   display: "none",
   [hideNavigationMQ]: {
@@ -41,7 +26,10 @@ const Dashboard: React.FC = () => {
       <Headline level={1}>Lukáš Čech</Headline>
       <SubHeadline level={2}>{POSITION}</SubHeadline>
       <SubHeadline level={4}>
-        {intl.formatMessage(messages.location)}
+        {intl.formatMessage({
+          defaultMessage: "Central Bohemia, Czechia",
+          id: "Dashboard.location",
+        })}
       </SubHeadline>
 
       <HiddenWithNav>
@@ -58,7 +46,12 @@ const Dashboard: React.FC = () => {
       <div id="skills" />
       <Spacer withDivider />
 
-      <Headline level={2}>{intl.formatMessage(messages.skillsTitle)}</Headline>
+      <Headline level={2}>
+        {intl.formatMessage({
+          defaultMessage: "Skills",
+          id: "Dashboard.skillsTitle",
+        })}
+      </Headline>
       <Spacer />
       <Content>
         <Skills />
@@ -68,7 +61,10 @@ const Dashboard: React.FC = () => {
       <Spacer withDivider />
 
       <Headline level={2}>
-        {intl.formatMessage(messages.experienceTitle)}
+        {intl.formatMessage({
+          defaultMessage: "Experience",
+          id: "Dashboard.experienceTitle",
+        })}
       </Headline>
       <Spacer />
       <Content>

app/frontend/src/views/NotFound.tsx

@@ -1,16 +1,9 @@
 import styled from "@emotion/styled";
 import React from "react";
-import { defineMessages, useIntl } from "react-intl";
+import { useIntl } from "react-intl";
 
 import { Link } from "../components/common/Link";
 
-const messages = defineMessages({
-  notFound: {
-    defaultMessage: "Nothing to see here",
-    id: "Router.NotFound",
-  },
-});
-
 const Root = styled("div")({
   display: "flex",
   flexDirection: "column",
@@ -25,7 +18,12 @@ const NotFound = () => {
 
   return (
     <Root>
-      <p>{intl.formatMessage(messages.notFound)}</p>
+      <p>
+        {intl.formatMessage({
+          defaultMessage: "Nothing to see here",
+          id: "Router.NotFound",
+        })}
+      </p>
       <Link to="/">Go home</Link>
     </Root>
   );