diff --git a/e2e/footer.spec.ts b/e2e/footer.spec.ts deleted file mode 100644 index ffd3c86..0000000 --- a/e2e/footer.spec.ts +++ /dev/null @@ -1,29 +0,0 @@ -import { test, expect } from '@playwright/test'; - -test.beforeEach(async ({ page }) => { - page.goto('http://localhost:3000'); -}); - -test.describe('Test Footer Navigation Links', () => { - test('About us link should navigate to About Us section', async ({ - page, - }) => { - const footerLocator = page.locator('footer'); - await footerLocator.getByRole('link', { name: 'About us' }).click(); - await expect(page).toHaveURL('/#about-us'); - }); - - test('Events link should navigate to Events section', async ({ page }) => { - const footerLocator = page.locator('footer'); - await footerLocator.getByRole('link', { name: 'Events' }).click(); - await expect(page).toHaveURL('/#events'); - }); - - test('Contact link should navigate to Contact Us section', async ({ - page, - }) => { - const footerLocator = page.locator('footer'); - await footerLocator.getByRole('link', { name: 'Contact' }).click(); - await expect(page).toHaveURL('/#contact-us'); - }); -}); diff --git a/e2e/hero-header.spec.ts b/e2e/hero-header.spec.ts index 3f1b603..3e68633 100644 --- a/e2e/hero-header.spec.ts +++ b/e2e/hero-header.spec.ts @@ -8,22 +8,19 @@ test.describe('Test Hero Header Navigation Links', () => { test('About us link should navigate to about us section', async ({ page, }) => { - const headerLocator = page.locator('header'); - await headerLocator.getByRole('link', { name: 'About us' }).click(); + await page.getByRole('link', { name: 'About us' }).click(); await expect(page).toHaveURL('/#about-us'); }); test('Events link should navigate to Events section', async ({ page }) => { - const headerLocator = page.locator('header'); - await headerLocator.getByRole('link', { name: 'Events' }).click(); + await page.getByRole('link', { name: 'Events' }).click(); await expect(page).toHaveURL('/#events'); }); test('Contact link should navigate to Contact Us section', async ({ page, }) => { - const headerLocator = page.locator('header'); - await headerLocator.getByRole('link', { name: 'Contact' }).click(); + await page.getByRole('link', { name: 'Contact' }).click(); await expect(page).toHaveURL('/#contact-us'); }); @@ -34,10 +31,7 @@ test.describe('Test Hero Header Navigation Links', () => { const [newPage] = await Promise.all([ context.waitForEvent('page'), page.waitForLoadState(), - page - .locator('header') - .getByRole('link', { name: 'Join Community' }) - .click(), + page.getByRole('link', { name: 'Join Community' }).click(), ]); await expect(newPage).toHaveURL( new RegExp( @@ -53,10 +47,7 @@ test.describe('Test Hero Header Navigation Links', () => { const [newPage] = await Promise.all([ context.waitForEvent('page'), page.waitForLoadState(), - page - .locator('header') - .getByRole('link', { name: 'Join ReactDevsKe' }) - .click(), + page.getByRole('link', { name: 'Join ReactDevsKe' }).click(), ]); await expect(newPage).toHaveURL( new RegExp( diff --git a/public/img/love-icon.svg b/public/img/love-icon.svg deleted file mode 100644 index 3f00ec1..0000000 --- a/public/img/love-icon.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx deleted file mode 100644 index 3e3154f..0000000 --- a/src/components/Footer/Footer.tsx +++ /dev/null @@ -1,56 +0,0 @@ -import Image from 'next/image'; -import React, { useEffect, useState } from 'react'; -import { ABOUT, CONTACT, EVENTS } from '../../util/routeConstants'; -import Logo from '../Logo'; -import loveIcon from '../../../public/img/love-icon.svg'; - -export default function Footer() { - const [screenWidth, setScreenWidth] = useState(null); - - const breakpoint = 768; - - useEffect(() => { - setScreenWidth(window.innerWidth); - - const handleResize = () => setScreenWidth(window.innerWidth); - - window.addEventListener('resize', handleResize); - - return () => window.removeEventListener('resize', handleResize); - }, []); - - return ( - - ); -} diff --git a/src/components/Footer/index.ts b/src/components/Footer/index.ts deleted file mode 100644 index be92134..0000000 --- a/src/components/Footer/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { default } from './Footer'; diff --git a/src/components/HeroHeader/HeroHeader.tsx b/src/components/HeroHeader/HeroHeader.tsx index e62f699..16d8c7d 100644 --- a/src/components/HeroHeader/HeroHeader.tsx +++ b/src/components/HeroHeader/HeroHeader.tsx @@ -20,8 +20,8 @@ export default function HeroHeader() { if (!screenWidth) return null; return ( -
+
{screenWidth < breakpoint ? : } -
+ ); } diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx index 8f152ed..090ece7 100644 --- a/src/components/Navbar/Navbar.tsx +++ b/src/components/Navbar/Navbar.tsx @@ -8,7 +8,7 @@ import LinkButton from '../LinkButton/LinkButton'; export default function Navbar() { return ( <> -
+
-
+ ); } diff --git a/src/pages/index.page.tsx b/src/pages/index.page.tsx index f2f3731..aabef85 100644 --- a/src/pages/index.page.tsx +++ b/src/pages/index.page.tsx @@ -4,7 +4,6 @@ import ContactUs from '../components/ContactUs'; import Events from '../components/Events/Events'; import MissionPillars from '../components/MissionPillars/MissionPillars'; import HeroHeader from '../components/HeroHeader'; -import Footer from '../components/Footer'; export default function Home() { return ( @@ -30,7 +29,6 @@ export default function Home() { -