🚚 Migrate about to app directory

carloscuesta · Apr 15, 2023 · 5f9a9e8 · 5f9a9e8
1 parent 1e16fba
commit 5f9a9e8
Show file tree

Hide file tree

Showing 17 changed files with 17 additions and 11 deletions.
diff --git a/..._/about/__snapshots__/about.spec.tsx.snap → ...tests__/__snapshots__/about.spec.tsx.snap b/..._/about/__snapshots__/about.spec.tsx.snap → ...tests__/__snapshots__/about.spec.tsx.snap
diff --git a/src/__tests__/about/about.spec.tsx → src/app/about/__tests__/about.spec.tsx b/src/__tests__/about/about.spec.tsx → src/app/about/__tests__/about.spec.tsx
@@ -1,6 +1,6 @@
 import renderer from 'react-test-renderer'
 
-import About from 'src/pages/about'
+import About from '../page'
 
 jest.mock('next-seo', () => ({
  NextSeo: 'NextSeo',
@@ -12,7 +12,6 @@ jest.mock('next-seo', () => ({
  So there's no point to test the rendering of them twice.
  It's more easier to manage little snapshots than big ones.
 */
-
 jest.mock('src/components/pages/about/Experience', () => 'Experience')
 jest.mock('src/components/pages/about/WhoAmI', () => 'WhoAmI')
 

diff --git a/...bout/Experience/Job/CompanyLogo/index.tsx → ...ents/Experience/Job/CompanyLogo/index.tsx b/...bout/Experience/Job/CompanyLogo/index.tsx → ...ents/Experience/Job/CompanyLogo/index.tsx
diff --git a/.../about/Experience/Job/Timestamp/index.tsx → ...onents/Experience/Job/Timestamp/index.tsx b/.../about/Experience/Job/Timestamp/index.tsx → ...onents/Experience/Job/Timestamp/index.tsx
diff --git a/...ents/pages/about/Experience/Job/index.tsx → ...about/components/Experience/Job/index.tsx b/...ents/pages/about/Experience/Job/index.tsx → ...about/components/Experience/Job/index.tsx
diff --git a/...__/__snapshots__/experience.spec.tsx.snap → ...__/__snapshots__/experience.spec.tsx.snap b/...__/__snapshots__/experience.spec.tsx.snap → ...__/__snapshots__/experience.spec.tsx.snap
diff --git a/.../Experience/__tests__/experience.spec.tsx → .../Experience/__tests__/experience.spec.tsx b/.../Experience/__tests__/experience.spec.tsx → .../Experience/__tests__/experience.spec.tsx
diff --git a/...mponents/pages/about/Experience/index.tsx → ...app/about/components/Experience/index.tsx b/...mponents/pages/about/Experience/index.tsx → ...app/about/components/Experience/index.tsx
diff --git a/src/components/pages/about/Online/index.tsx → src/app/about/components/Online/index.tsx b/src/components/pages/about/Online/index.tsx → src/app/about/components/Online/index.tsx
diff --git a/...ts/pages/about/Travelling/Label/index.tsx → ...out/components/Travelling/Label/index.tsx b/...ts/pages/about/Travelling/Label/index.tsx → ...out/components/Travelling/Label/index.tsx
diff --git a/...ents/pages/about/Travelling/Map/index.tsx → ...about/components/Travelling/Map/index.tsx b/...ents/pages/about/Travelling/Map/index.tsx → ...about/components/Travelling/Map/index.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 const Map = () => (
  <>
  <style jsx global>

diff --git a/...mponents/pages/about/Travelling/index.tsx → ...app/about/components/Travelling/index.tsx b/...mponents/pages/about/Travelling/index.tsx → ...app/about/components/Travelling/index.tsx
diff --git a/...ests__/__snapshots__/whoAmI.spec.tsx.snap → ...ests__/__snapshots__/whoAmI.spec.tsx.snap b/...ests__/__snapshots__/whoAmI.spec.tsx.snap → ...ests__/__snapshots__/whoAmI.spec.tsx.snap
diff --git a/...es/about/WhoAmI/__tests__/whoAmI.spec.tsx → ...mponents/WhoAmI/__tests__/whoAmI.spec.tsx b/...es/about/WhoAmI/__tests__/whoAmI.spec.tsx → ...mponents/WhoAmI/__tests__/whoAmI.spec.tsx
diff --git a/...components/pages/about/WhoAmI/aboutme.png → src/app/about/components/WhoAmI/aboutme.png b/...components/pages/about/WhoAmI/aboutme.png → src/app/about/components/WhoAmI/aboutme.png
diff --git a/src/components/pages/about/WhoAmI/index.tsx → src/app/about/components/WhoAmI/index.tsx b/src/components/pages/about/WhoAmI/index.tsx → src/app/about/components/WhoAmI/index.tsx
diff --git a/src/pages/about/index.tsx → src/app/about/page.tsx b/src/pages/about/index.tsx → src/app/about/page.tsx
@@ -1,19 +1,24 @@
-import { NextSeo, SocialProfileJsonLd } from 'next-seo'
+import { SocialProfileJsonLd } from 'next-seo'
 
 import PageTitle from 'src/components/shared/PageTitle'
 import Wrapper from 'src/components/shared/Wrapper'
-import Experience from 'src/components/pages/about/Experience'
-import Online from 'src/components/pages/about/Online'
-import WhoAmI from 'src/components/pages/about/WhoAmI'
-import Travelling from 'src/components/pages/about/Travelling'
+import Experience from './components/Experience'
+import Online from './components/Online'
+import WhoAmI from './components/WhoAmI'
+import Travelling from './components/Travelling'
+
+export const metadata = {
+ title: 'About me',
+ description: 'Generated by Next.js',
+ alternates: {
+ canonical: '/about',
+ },
+}
 
 const About = () => (
  <>
- <NextSeo
- canonical="https://carloscuesta.me/about"
- title="Carlos Cuesta – About me"
- />
  <SocialProfileJsonLd
+ useAppDir={true}
  type="Person"
  name="Carlos Cuesta"
  url="https://carloscuesta.me"