Merge pull request #977 from M-DEV-1/976-fix/local-build-errors

[Site] Fix Local Development Setup

Author: amitamrutiya

site/Makefile

@@ -21,7 +21,7 @@ setup:
 
 ## Run site on your local machine. Alternate method.
 site:
-	gatsby develop
+	npm start
 
 ## Build site on your local machine.
 build:

site/gatsby-browser.js

@@ -1,3 +1,4 @@
+import React from "react";
 import { ThemeProvider } from './src/components/Theme';
 import './src/styles/global.css';
 import React from "react";

site/src/components/Footer/index.js

@@ -1,4 +1,5 @@
 import React from "react";
+
 const Footer = () => {
   return (
     <div className="ml-[17.5rem] pt-[5rem]">

site/src/components/Navigation/index.js

@@ -1,5 +1,4 @@
-import { useContext } from 'react';
-import React from "react";
+import React, { useContext } from "react";
 import Search from '../../assets/images/Search.svg';
 import SearchDark from '../../assets/images/SearchDark.svg';
 import Weather from '../../assets/images/Weather.svg';

site/src/components/Sidebar/index.js

@@ -1,5 +1,4 @@
-import React from "react";
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { Link } from 'react-router-dom';
 import ChevronLightUp from '../../assets/images/Chevron-light-up.svg';
 import Chevron from '../../assets/images/Chevron-light.svg';

site/src/pages/home/index.js

@@ -1,4 +1,5 @@
 import React from "react";
+
 const Home = () => {
   return <div className="text-center text-bold">Home</div>;
 };

site/src/pages/index.js

@@ -1,5 +1,4 @@
-import React from 'react';
-import { useContext } from 'react';
+import React, { useContext } from "react";
 import { Navigate, Route, BrowserRouter as Router, Routes } from 'react-router-dom';
 import Footer from '../components/Footer';
 import Navbar from '../components/Navigation';