@@ -1,7 +1,7 @@ | |||||
import React, { useContext } from 'react'; | import React, { useContext } from 'react'; | ||||
import Container from 'react-bootstrap/Container'; | import Container from 'react-bootstrap/Container'; | ||||
import Image from 'react-bootstrap/Image' | import Image from 'react-bootstrap/Image' | ||||
import { usePersonContext } from './PersonContext'; | |||||
import { usePersonContext } from '../hooks/PersonContext'; | |||||
import { Col, Row } from 'react-bootstrap'; | import { Col, Row } from 'react-bootstrap'; | ||||
export default function AboutBrief() { | export default function AboutBrief() { | ||||
@@ -1,7 +1,7 @@ | |||||
import React, { ReactNode } from 'react' | import React, { ReactNode } from 'react' | ||||
import { usePersonContext } from './PersonContext' | |||||
import { usePersonContext } from '../hooks/PersonContext' | |||||
import Container from 'react-bootstrap/esm/Container' | import Container from 'react-bootstrap/esm/Container' | ||||
import { useAutoFocus } from '../FocusedElement' | |||||
import { useAutoFocus } from '../hooks/FocusedElement' | |||||
import { Col, Row } from 'react-bootstrap' | import { Col, Row } from 'react-bootstrap' | ||||
export function Contact(props: {icon?: string, text: string}) { | export function Contact(props: {icon?: string, text: string}) { | ||||
@@ -1,6 +1,6 @@ | |||||
import React from 'react'; | import React from 'react'; | ||||
import { usePersonContext } from './PersonContext'; | |||||
import { usePersonContext } from '../hooks/PersonContext'; | |||||
import JobHistory from './JobHistory'; | import JobHistory from './JobHistory'; | ||||
export default function WorkExperience() { | export default function WorkExperience() { | ||||
@@ -1,6 +1,6 @@ | |||||
import React from 'react'; | import React from 'react'; | ||||
import { Container } from 'react-bootstrap'; | import { Container } from 'react-bootstrap'; | ||||
import { usePersonContext } from './PersonContext'; | |||||
import { usePersonContext } from '../hooks/PersonContext'; | |||||
export default function Footer() { | export default function Footer() { | ||||
const personalData = usePersonContext() | const personalData = usePersonContext() | ||||
@@ -1,6 +1,6 @@ | |||||
import React from 'react'; | import React from 'react'; | ||||
import Card from 'react-bootstrap/Card'; | import Card from 'react-bootstrap/Card'; | ||||
import { useAutoFocus, useFocusedElement } from '../FocusedElement'; | |||||
import { useAutoFocus, useFocusedElement } from '../hooks/FocusedElement'; | |||||
export type Props = { | export type Props = { | ||||
heading?: string, | heading?: string, | ||||
@@ -1,6 +1,6 @@ | |||||
import React, { useContext } from 'react'; | import React, { useContext } from 'react'; | ||||
import Container from 'react-bootstrap/Container'; | import Container from 'react-bootstrap/Container'; | ||||
import { PersonContext } from './PersonContext'; | |||||
import { PersonContext } from '../hooks/PersonContext'; | |||||
import TagCloud from './TagCloud'; | import TagCloud from './TagCloud'; | ||||
export default function Skills() { | export default function Skills() { | ||||
@@ -1,6 +1,6 @@ | |||||
import React, { useEffect, useRef, useState } from 'react'; | import React, { useEffect, useRef, useState } from 'react'; | ||||
import Container from 'react-bootstrap/Container'; | import Container from 'react-bootstrap/Container'; | ||||
import { useAutoFocus, useFocusedElement } from '../FocusedElement'; | |||||
import { useAutoFocus, useFocusedElement } from '../hooks/FocusedElement'; | |||||
export type Props = { | export type Props = { | ||||
title: string, | title: string, | ||||
@@ -1,6 +1,6 @@ | |||||
import React from 'react'; | import React from 'react'; | ||||
import { usePersonContext } from './PersonContext'; | |||||
import { usePersonContext } from '../hooks/PersonContext'; | |||||
import JobHistory from './JobHistory'; | import JobHistory from './JobHistory'; | ||||
export default function WorkExperience() { | export default function WorkExperience() { | ||||
@@ -2,7 +2,7 @@ import React from 'react' | |||||
import { Inter } from 'next/font/google' | import { Inter } from 'next/font/google' | ||||
import './globals.css' | import './globals.css' | ||||
import { PersonProvider } from './components/PersonContext' | |||||
import { PersonProvider } from './hooks/PersonContext' | |||||
import { personalData } from '../PersonalData' | import { personalData } from '../PersonalData' | ||||
const inter = Inter({ subsets: ['latin'] }) | const inter = Inter({ subsets: ['latin'] }) | ||||