Merge pull request #991 from alokdangre/bug-repetation

leecalcote · web-flow · commit ad8bd3bc1e7a · 2025-04-22T23:35:51.000-05:00
fixed React import errors in /site
diff --git a/site/gatsby-browser.js b/site/gatsby-browser.js
@@ -1,4 +1,5 @@
 import { ThemeProvider } from './src/components/Theme';
 import './src/styles/global.css';
+import React from "react";
 
 export const wrapRootElement = ({ element }) => <ThemeProvider>{element}</ThemeProvider>;
diff --git a/site/src/components/Dropdown/index.js b/site/src/components/Dropdown/index.js
@@ -1,5 +1,6 @@
 import { useState } from 'react';
 import Sidebar from '../Sidebar';
+import React from "react";
 
 const Dropdown = () => {
   const [drop1, setDrop1] = useState(false);
diff --git a/site/src/components/Footer/index.js b/site/src/components/Footer/index.js
@@ -1,3 +1,4 @@
+import React from "react";
 const Footer = () => {
   return (
     <div className="ml-[17.5rem] pt-[5rem]">
diff --git a/site/src/components/Navigation/index.js b/site/src/components/Navigation/index.js
@@ -1,4 +1,5 @@
 import { useContext } from 'react';
+import React from "react";
 import Search from '../../assets/images/Search.svg';
 import SearchDark from '../../assets/images/SearchDark.svg';
 import Weather from '../../assets/images/Weather.svg';
diff --git a/site/src/components/Sidebar/index.js b/site/src/components/Sidebar/index.js
@@ -1,3 +1,4 @@
+import React from "react";
 import { useState } from 'react';
 import { Link } from 'react-router-dom';
 import ChevronLightUp from '../../assets/images/Chevron-light-up.svg';
diff --git a/site/src/pages/404.js b/site/src/pages/404.js
@@ -1,3 +1,4 @@
+import React from 'react';
 import { Link } from 'gatsby';
 
 const pageStyles = {
diff --git a/site/src/pages/components/index.js b/site/src/pages/components/index.js
@@ -1,3 +1,4 @@
+import React from "react";
 const Components = () => {
   return <div className="text-center text-bold">Components</div>;
 };
diff --git a/site/src/pages/home/index.js b/site/src/pages/home/index.js
@@ -1,3 +1,4 @@
+import React from "react";
 const Home = () => {
   return <div className="text-center text-bold">Home</div>;
 };
diff --git a/site/src/pages/identity/Content.js b/site/src/pages/identity/Content.js
@@ -1,3 +1,4 @@
+import React from 'react';
 const Content = (props) => {
   return (
     <div className="w-[844px] pt-8 text-gray-700 text-sm font-normal font-openSans leading-loose">
diff --git a/site/src/pages/identity/Heading.js b/site/src/pages/identity/Heading.js
@@ -1,3 +1,4 @@
+import React from 'react';
 const Heading = (props) => {
   return (
     <div className="self-stretch text-gray-950 text-[52px] font-bold font-qanelas leading-[64px]">
diff --git a/site/src/pages/identity/Navigation.js b/site/src/pages/identity/Navigation.js
@@ -1,3 +1,4 @@
+import React from 'react';
 import { Link } from 'react-router-dom';
 
 const Navigation = (props) => {
diff --git a/site/src/pages/identity/Next.js b/site/src/pages/identity/Next.js
@@ -1,3 +1,4 @@
+import React from 'react';
 import { Link } from 'react-router-dom';
 import nextIcon from '../../assets/images/Chevron-light.svg';
 
diff --git a/site/src/pages/identity/Previous.js b/site/src/pages/identity/Previous.js
@@ -1,3 +1,4 @@
+import React from 'react';
 import { Link } from 'react-router-dom';
 import PrevIcon from '../../assets/images/Chevron-light.svg';
 
diff --git a/site/src/pages/identity/Sidebar.js b/site/src/pages/identity/Sidebar.js
@@ -1,3 +1,4 @@
+import React from 'react';
 const Sidebar = (props) => {
   return (
     <div className="float-right w-[11.25rem] h-[3.75rem] px-4 py-6 bg-slate-200 bg-opacity-10 rounded-lg backdrop-blur-lg flex-col justify-start items-start gap-4 inline-flex">
diff --git a/site/src/pages/identity/SubContent.js b/site/src/pages/identity/SubContent.js
@@ -1,3 +1,4 @@
+import React from 'react';
 const SubContent = (props) => {
   return (
     <>
diff --git a/site/src/pages/identity/SubHeading.js b/site/src/pages/identity/SubHeading.js
@@ -1,3 +1,4 @@
+import React from 'react';
 const SubHeading = (props) => {
   return (
     <div className="w-[53.75rem] text-gray-950 text-[2rem] font-medium font-qanelas-medium leading-[3rem]">
diff --git a/site/src/pages/identity/SubText.js b/site/src/pages/identity/SubText.js
@@ -1,5 +1,6 @@
 import SubContent from './SubContent';
 import SubHeading from './SubHeading';
+import React from 'react';
 
 const SubText = (props) => {
   return (
diff --git a/site/src/pages/identity/Text.js b/site/src/pages/identity/Text.js
@@ -1,5 +1,6 @@
 import Content from './Content';
 import Heading from './Heading';
+import React from 'react';
 
 const Header = (props) => {
   return (
diff --git a/site/src/pages/identity/colors/code.js b/site/src/pages/identity/colors/code.js
@@ -2,6 +2,7 @@ import Next from '../Next';
 import Previous from '../Previous';
 import Sidebar from '../Sidebar';
 import SubContent from '../SubContent';
+import React from "react";
 
 const items = [
   {
diff --git a/site/src/pages/identity/colors/guidance.js b/site/src/pages/identity/colors/guidance.js
@@ -3,6 +3,7 @@ import Previous from '../Previous';
 import Sidebar from '../Sidebar';
 import SubContent from '../SubContent';
 import SubText from '../SubText';
+import React from "react";
 
 const items = [
   {
diff --git a/site/src/pages/identity/colors/index.js b/site/src/pages/identity/colors/index.js
@@ -4,6 +4,7 @@ import Text from '../Text';
 import Code from './code';
 import Guidance from './guidance';
 import Overview from './overview';
+import React from "react";
 
 const Color = () => {
   const { id } = useParams();
diff --git a/site/src/pages/identity/colors/overview.js b/site/src/pages/identity/colors/overview.js
@@ -3,6 +3,7 @@ import Previous from '../Previous';
 import Sidebar from '../Sidebar';
 import SubContent from '../SubContent';
 import SubText from '../SubText';
+import React from "react";
 
 const items = [
   {
diff --git a/site/src/pages/identity/elevation/index.js b/site/src/pages/identity/elevation/index.js
@@ -1,3 +1,4 @@
+import React from "react";
 const Elevation = () => {
   return <div className="text-center text-bold">Elevation</div>;
 };
diff --git a/site/src/pages/identity/page-layouts/index.js b/site/src/pages/identity/page-layouts/index.js
@@ -1,3 +1,4 @@
+import React from "react";
 const PageLayout = () => {
   return <div className="text-center text-bold">Page Layout</div>;
 };
diff --git a/site/src/pages/identity/spacing/index.js b/site/src/pages/identity/spacing/index.js
@@ -1,3 +1,4 @@
+import React from "react";
 const Spacing = () => {
   return <div className="text-center text-bold">Spacing</div>;
 };
diff --git a/site/src/pages/identity/typography/code.js b/site/src/pages/identity/typography/code.js
@@ -1,3 +1,4 @@
+import React from "react";
 import Next from '../Next';
 import Previous from '../Previous';
 import Sidebar from '../Sidebar';
diff --git a/site/src/pages/identity/typography/guidance.js b/site/src/pages/identity/typography/guidance.js
@@ -1,3 +1,4 @@
+import React from "react";
 import Next from '../Next';
 import Previous from '../Previous';
 import Sidebar from '../Sidebar';
diff --git a/site/src/pages/identity/typography/index.js b/site/src/pages/identity/typography/index.js
@@ -1,3 +1,4 @@
+import React from "react";
 import { useParams } from 'react-router-dom';
 import Navigation from '../Navigation';
 import Text from '../Text';
diff --git a/site/src/pages/identity/typography/overview.js b/site/src/pages/identity/typography/overview.js
@@ -1,10 +1,9 @@
+import React from "react";
 import Next from '../Next';
 import Previous from '../Previous';
 import Sidebar from '../Sidebar';
 import SubText from '../SubText';
 import SubContent from '../SubContent';
-import Previous from '../Previous';
-import Next from '../Next';
 
 const items = [
     {
diff --git a/site/src/pages/index.js b/site/src/pages/index.js
@@ -1,3 +1,4 @@
+import React from 'react';
 import { useContext } from 'react';
 import { Navigate, Route, BrowserRouter as Router, Routes } from 'react-router-dom';
 import Footer from '../components/Footer';
diff --git a/site/src/pages/patterns/index.js b/site/src/pages/patterns/index.js
@@ -1,3 +1,4 @@
+import React from 'react';
 const Patterns = () => {
   return <div className="text-center text-bold">Patterns</div>;
 };
diff --git a/site/src/pages/visualise/index.js b/site/src/pages/visualise/index.js
@@ -1,3 +1,4 @@
+import React from 'react';
 const Visualize = () => {
   return <div className="text-center text-bold">Visualize</div>;
 };

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+import React from "react";`
`1`	`2`	`const Footer = () => {`
`2`	`3`	`return (`
`3`	`4`	`<div className="ml-[17.5rem] pt-[5rem]">`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`import { useContext } from 'react';`
	`2`	`+import React from "react";`
`2`	`3`	`import Search from '../../assets/images/Search.svg';`
`3`	`4`	`import SearchDark from '../../assets/images/SearchDark.svg';`
`4`	`5`	`import Weather from '../../assets/images/Weather.svg';`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+import React from "react";`
`1`	`2`	`import { useState } from 'react';`
`2`	`3`	`import { Link } from 'react-router-dom';`
`3`	`4`	`import ChevronLightUp from '../../assets/images/Chevron-light-up.svg';`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+import React from 'react';`
`1`	`2`	`import { Link } from 'gatsby';`
`2`	`3`
`3`	`4`	`const pageStyles = {`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+import React from "react";`
`1`	`2`	`const Components = () => {`
`2`	`3`	`return <div className="text-center text-bold">Components</div>;`
`3`	`4`	`};`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+import React from "react";`
`1`	`2`	`const Home = () => {`
`2`	`3`	`return <div className="text-center text-bold">Home</div>;`
`3`	`4`	`};`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+import React from 'react';`
`1`	`2`	`const Content = (props) => {`
`2`	`3`	`return (`
`3`	`4`	`<div className="w-[844px] pt-8 text-gray-700 text-sm font-normal font-openSans leading-loose">`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+import React from 'react';`
`1`	`2`	`const Heading = (props) => {`
`2`	`3`	`return (`
`3`	`4`	`<div className="self-stretch text-gray-950 text-[52px] font-bold font-qanelas leading-[64px]">`