reactdeveloperske · orama254 · Jun 28, 2022 · Jun 26, 2022 · Jun 26, 2022 · Jun 26, 2022
diff --git a/e2e-tests/default.spec.js → e2e/default.spec.js b/e2e-tests/default.spec.js → e2e/default.spec.js
@@ -8,6 +8,6 @@ test.beforeEach(async ({ page }) => {
 test.describe('Basic test', () => {
     test('should show the title', async ({ page }) => {
         const title = page.locator('title');
-        await expect(title).toHaveText('React Devs Kenya');
+        await expect(title).toHaveText('Reactjs Developer Community in Kenya');
       });
 });
diff --git a/next.config.js b/next.config.js
@@ -1,6 +1,10 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
+  pageExtensions: ['page.jsx', 'api.js'],
+  eslint: {
+    dirs: ['src','e2e'],
+  },
   images:{
     domains:['bit.ly']
   }

diff --git a/playwright.config.js b/playwright.config.js
@@ -13,7 +13,7 @@ const { devices } = require('@playwright/test');
  * @type {import('@playwright/test').PlaywrightTestConfig}
  */
 const config = {
-  testDir: './e2e-tests',
+  testDir: './e2e',
   /* Maximum time one test can run for. */
   timeout: 30 * 1000,
   expect: {

diff --git a/components/Banner.jsx → src/components/Banner/Banner.jsx b/components/Banner.jsx → src/components/Banner/Banner.jsx
diff --git a/src/components/Banner/Banner.spec.jsx b/src/components/Banner/Banner.spec.jsx
diff --git a/src/components/Banner/Banner.stories.jsx b/src/components/Banner/Banner.stories.jsx
diff --git a/src/components/Banner/index.js b/src/components/Banner/index.js
@@ -0,0 +1 @@
+export { default } from './Banner';
diff --git a/components/DisplayRC.jsx → src/components/EventsDisplay/DisplayRC.jsx b/components/DisplayRC.jsx → src/components/EventsDisplay/DisplayRC.jsx
@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import Image from "next/image";
-import {booleanFilter} from '../util/booleanFilter';
+import { booleanFilter } from '../../util/booleanFilter';
 
 export default function DislpayRC({
   name,

diff --git a/src/components/EventsDisplay/DisplayRC.spec.jsx b/src/components/EventsDisplay/DisplayRC.spec.jsx
diff --git a/src/components/EventsDisplay/DisplayRC.stories.jsx b/src/components/EventsDisplay/DisplayRC.stories.jsx
diff --git a/src/components/EventsDisplay/index.js b/src/components/EventsDisplay/index.js
@@ -0,0 +1 @@
+export  {default}  from './DisplayRC';
diff --git a/components/Navbar.jsx → src/components/Navbar/Navbar.jsx b/components/Navbar.jsx → src/components/Navbar/Navbar.jsx
@@ -1,7 +1,7 @@
 import React from "react";
 import Link from "next/link";
 import Image from "next/image";
-import logo from "../public/reactdevske.svg";
+import logo from "../../../public/reactdevske.svg";
 import {
   ABOUT,
   CONTACT,
@@ -10,13 +10,13 @@ import {
   HOME,
   MEMBERS,
   NEWS,
-} from "../util/routeConstants";
+} from "../../util/routeConstants";
 
 const Navbar = () => {
   return (
     <>
       <header className="px-[181px] w-full shadow-md bg-white">
-        <nav className="nav py-4 flex justify-between items-center">
+        <nav className="nav py-4 flex flex-col lg:flex-row justify-between items-center">
           <div>
            <Link href={HOME}>
               <a>
@@ -25,7 +25,7 @@ const Navbar = () => {
             </Link>
           </div>
           <div className="">
-            <ul className="flex items-center space-x-[37px]">
+            <ul className="flex flex-col lg:flex-row justify-center items-center lg:space-x-[30px]">
               <Link href={ABOUT}>
                 <a>
                   <li>About us</li>

diff --git a/src/components/Navbar/Navbar.spec.jsx b/src/components/Navbar/Navbar.spec.jsx
diff --git a/src/components/Navbar/Navbar.stories.jsx b/src/components/Navbar/Navbar.stories.jsx
diff --git a/src/components/Navbar/index.js b/src/components/Navbar/index.js
@@ -0,0 +1 @@
+export { default } from './Navbar';
diff --git a/pages/_app.jsx → src/pages/_app.page.jsx b/pages/_app.jsx → src/pages/_app.page.jsx
@@ -1,6 +1,6 @@
-import Navbar from "../components/Navbar.jsx";
+import Navbar from "../components/Navbar";
 import "../styles/globals.css";
-import Banner from "../components/Banner.jsx";
+import Banner from "../components/Banner";
 
 function MyApp({ Component, pageProps }) {
   return (

diff --git a/pages/_document.jsx → src/pages/_document.page.jsx b/pages/_document.jsx → src/pages/_document.page.jsx
@@ -61,7 +61,7 @@ class MyDocument extends Document {
           />
           <link rel="icon" href="/favicon.ico" />
           <link rel="preconnect" href="https://fonts.googleapis.com" />
-          <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin />
+          <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin='true' />
           <link
             href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800;900&display=swap"
             rel="stylesheet"

diff --git a/src/pages/about/about.spec.jsx b/src/pages/about/about.spec.jsx
diff --git a/src/pages/about/about.stories.jsx b/src/pages/about/about.stories.jsx
diff --git a/pages/about.jsx → src/pages/about/index.page.jsx b/pages/about.jsx → src/pages/about/index.page.jsx
@@ -5,7 +5,7 @@ export default function AboutPage() {
   return (
     <>
       <Head>
-        <title>React Devs Kenya - About</title>
+        <title>Reactjs Developer Community in Kenya - About</title>
       </Head>
       <main className="flex justify-center items-center min-h-screen">
         <h1 className="text-white">About page will be here</h1>

diff --git a/pages/api/hello.js → src/pages/api/hello.api.js b/pages/api/hello.js → src/pages/api/hello.api.js
diff --git a/src/pages/contact/contact.spec.jsx b/src/pages/contact/contact.spec.jsx
diff --git a/src/pages/contact/contact.stories.jsx b/src/pages/contact/contact.stories.jsx
diff --git a/pages/contact.jsx → src/pages/contact/index.page.jsx b/pages/contact.jsx → src/pages/contact/index.page.jsx
@@ -5,7 +5,7 @@ export default function ContactPage() {
   return (
     <>
       <Head>
-        <title>React Devs Kenya - Contact</title>
+        <title>Reactjs Developer Community in Kenya - Contact</title>
       </Head>
       <main className="flex justify-center items-center min-h-screen">
         <h1 className="text-white">Contact page will be here</h1>

diff --git a/src/pages/events/events.spec.jsx b/src/pages/events/events.spec.jsx
diff --git a/src/pages/events/events.stories.jsx b/src/pages/events/events.stories.jsx
diff --git a/pages/events.jsx → src/pages/events/index.page.jsx b/pages/events.jsx → src/pages/events/index.page.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
-import DisplayRC from '../components/DisplayRC';
-import logo from '../public/reactdevske.svg'
+import DisplayRC from '../../components/EventsDisplay';
+import logo from '../../../public/reactdevske.svg';
 import Head from 'next/head';
 
 export const getStaticProps = async () => {
@@ -24,7 +24,7 @@ export default function Events({data}){
     return(
       <div>
         <Head>
-        <title>React Devs Kenya - Forum</title>
+        <title>Reactjs Developer Community in Kenya - Forum</title>
         </Head>
         <div className='bg-white flex flex-col w-full gap-y-5 px-16 py-6 justify-center items-center'>
             <h2 className='text-2xl font-bold'>Community Events</h2>

diff --git a/src/pages/forum/forum.spec.jsx b/src/pages/forum/forum.spec.jsx
diff --git a/src/pages/forum/forum.stories.jsx b/src/pages/forum/forum.stories.jsx
diff --git a/pages/forum.jsx → src/pages/forum/index.page.jsx b/pages/forum.jsx → src/pages/forum/index.page.jsx
@@ -5,7 +5,7 @@ export default function ForumPage() {
   return (
     <>
       <Head>
-        <title>React Devs Kenya - Forum</title>
+        <title>Reactjs Developer Community in Kenya - Forum</title>
       </Head>
       <main className="flex justify-center items-center min-h-screen">
         <h1 className="text-white">Forum page will be here</h1>

diff --git a/pages/index.jsx → src/pages/index.page.jsx b/pages/index.jsx → src/pages/index.page.jsx
@@ -1,13 +1,13 @@
 import Head from "next/head";
 import Banner from "../components/Banner";
 import Image from "next/image";
-import logo from "../public/reactdevske.svg";
+import logo from "../../public/reactdevske.svg";
 
 export default function Home() {
   return (
     <div className="">
       <Head>
-        <title>React Devs Kenya</title>
+        <title>Reactjs Developer Community in Kenya</title>
         <meta
           name="description"
           content="React js Developer Community Kenya is a community of react js developers using react related technologies in the Kenyan software development eco system."
@@ -21,7 +21,7 @@ export default function Home() {
       </Head>
 
       <main className="">
-        <h1 className="text-center text-3xl text-white font-bold font-montserrat">
+        <h1 className="text-center pt-6 text-3xl text-white font-bold font-montserrat">
           React Developer Community Kenya
         </h1>
         <p className="text-center text-xl text-white font-montserrat">

diff --git a/pages/members.jsx → src/pages/members/index.page.jsx b/pages/members.jsx → src/pages/members/index.page.jsx
@@ -5,7 +5,7 @@ export default function MembersPage() {
   return (
     <>
       <Head>
-        <title>React Devs Kenya - About</title>
+        <title>Reactjs Developer Community in Kenya - About</title>
       </Head>
       <main className="flex justify-center items-center min-h-screen">
         <h1 className="text-white">Members page will be here</h1>

diff --git a/src/pages/members/members.spec.jsx b/src/pages/members/members.spec.jsx
diff --git a/src/pages/members/members.stories.jsx b/src/pages/members/members.stories.jsx
diff --git a/pages/news.jsx → src/pages/news/index.page.jsx b/pages/news.jsx → src/pages/news/index.page.jsx
@@ -5,7 +5,7 @@ export default function NewsPage() {
   return (
     <>
       <Head>
-        <title>React Devs Kenya - News</title>
+        <title>Reactjs Developer Community in Kenya - News</title>
       </Head>
       <main className="flex justify-center items-center min-h-screen">
         <h1 className="text-white">News page will be here</h1>

diff --git a/src/pages/news/news.spec.jsx b/src/pages/news/news.spec.jsx
diff --git a/src/pages/news/news.stories.jsx b/src/pages/news/news.stories.jsx
diff --git a/styles/Home.module.css → src/styles/Home.module.css b/styles/Home.module.css → src/styles/Home.module.css
diff --git a/styles/globals.css → src/styles/globals.css b/styles/globals.css → src/styles/globals.css
diff --git a/util/booleanFilter.js → src/util/booleanFilter.js b/util/booleanFilter.js → src/util/booleanFilter.js
diff --git a/util/routeConstants.js → src/util/routeConstants.js b/util/routeConstants.js → src/util/routeConstants.js
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,8 +1,7 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: [
-    "./pages/**/*.{js,ts,jsx,tsx}",
-    "./components/**/*.{js,ts,jsx,tsx}",
+    "./src/**/*.{js,ts,jsx,tsx}"
   ],
   theme: {
     extend: {