From b9b54d9d9add46f5d9a6f17e1e355ed77af69678 Mon Sep 17 00:00:00 2001
From: nconrad <1194246+nconrad@users.noreply.github.com>
Date: Thu, 18 Apr 2024 14:46:05 -0500
Subject: [PATCH] remove some unnecessary react imports

---
 src/components/ImageLinkCard.tsx              | 1 -
 src/components/NavbarItems/SignInBtn.tsx      | 1 -
 src/components/PhotoGallery.tsx               | 2 +-
 src/components/PhotoIndex.tsx                 | 2 +-
 src/components/home/Calendar.tsx              | 2 +-
 src/components/home/CodeWindow.tsx            | 2 +-
 src/components/home/Home.tsx                  | 9 ++++-----
 src/components/home/JobMetrics.tsx            | 2 --
 src/components/home/NewsPreview.tsx           | 2 +-
 src/components/home/StatusChart.tsx           | 2 +-
 src/components/home/TwitterSkeleton.tsx       | 2 --
 src/components/home/TypeWriter.tsx            | 2 +-
 src/components/home/_DeprecatedActiveApps.tsx | 1 -
 13 files changed, 11 insertions(+), 19 deletions(-)

diff --git a/src/components/ImageLinkCard.tsx b/src/components/ImageLinkCard.tsx
index ba3a5f68..4ae9d6b0 100644
--- a/src/components/ImageLinkCard.tsx
+++ b/src/components/ImageLinkCard.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { Link } from 'react-router-dom'
 import styled from 'styled-components'
 import Card from '@mui/material/Card'
diff --git a/src/components/NavbarItems/SignInBtn.tsx b/src/components/NavbarItems/SignInBtn.tsx
index fbd43324..7a1cabf4 100644
--- a/src/components/NavbarItems/SignInBtn.tsx
+++ b/src/components/NavbarItems/SignInBtn.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import styled from 'styled-components'
 import Button from '@mui/material/Button'
 import { LoginRounded } from '@mui/icons-material'
diff --git a/src/components/PhotoGallery.tsx b/src/components/PhotoGallery.tsx
index a02d6118..b8723d84 100644
--- a/src/components/PhotoGallery.tsx
+++ b/src/components/PhotoGallery.tsx
@@ -4,7 +4,7 @@
  * be used in MDX files as <PhotoGallery driveFolderID={...} />
  */
 
-import React, {useEffect, useState} from 'react'
+import { useEffect, useState } from 'react'
 
 
 type Props = {
diff --git a/src/components/PhotoIndex.tsx b/src/components/PhotoIndex.tsx
index 23a447d4..8ebe87bf 100644
--- a/src/components/PhotoIndex.tsx
+++ b/src/components/PhotoIndex.tsx
@@ -3,7 +3,7 @@
  * are organized into directories.
  */
 
-import React, {useEffect, useState} from 'react'
+import {useEffect, useState} from 'react'
 import styled from 'styled-components'
 import { Link, useLocation, useHistory } from 'react-router-dom'
 
diff --git a/src/components/home/Calendar.tsx b/src/components/home/Calendar.tsx
index 5789b4eb..2defc24b 100644
--- a/src/components/home/Calendar.tsx
+++ b/src/components/home/Calendar.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 
 
 const calID = '65dcf6922cf9f84679f598865716f1fea2b7d974896c300fda9d3e26810aa1e8@group.calendar.google.com'
diff --git a/src/components/home/CodeWindow.tsx b/src/components/home/CodeWindow.tsx
index 01421eaa..c1e0a012 100644
--- a/src/components/home/CodeWindow.tsx
+++ b/src/components/home/CodeWindow.tsx
@@ -46,7 +46,7 @@ export default function CodeWindow(props: Props) {
           }
         </div>
         {code &&
-          <Highlight theme={themes.github} language={language} code={code}>
+          <Highlight theme={themes.dracula} language={language} code={code}>
             {({ className, style, tokens, getLineProps, getTokenProps }) => (
               <pre className={className} style={style}>
                 {tokens.map((line, i) => (
diff --git a/src/components/home/Home.tsx b/src/components/home/Home.tsx
index 69c7027e..cb13e528 100644
--- a/src/components/home/Home.tsx
+++ b/src/components/home/Home.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { useState } from 'react'
 import { Link } from 'react-router-dom'
 import styled from 'styled-components'
@@ -137,12 +136,12 @@ export default function Home() {
       <div className="bg-white">
         <Section>
           <div className="flex flex-col md:flex-row gap-10 md:gap-4 xl:gap-10">
-            <Link to="science" className="card">
+            <Link to="/science" className="card">
               <img src={require('@site/static/img/home/learn.jpg').default} />
               <h3 className="flex items-center gap-2">
                 <LearnIcon />Learn
               </h3>
-              <p>Explore some of the <Link to="science">science</Link> made possible with Sage</p>
+              <p>Explore some of the <Link to="/science">science</Link> made possible with Sage</p>
             </Link>
             <a href={`${portal}/apps`} className="card">
               <img src={require('@site/static/img/home/create-app.png').default} />
@@ -312,8 +311,8 @@ export default function Home() {
                 })}
 
               <div className="hidden md:flex justify-between mx-5">
-                <Link to="publications" className="focused-link gap-1">Publications <Arrow /></Link>
-                <Link to="science" className="focused-link gap-1">Science<Arrow /></Link>
+                <Link to="/publications" className="focused-link gap-1">Publications <Arrow /></Link>
+                <Link to="/science" className="focused-link gap-1">Science<Arrow /></Link>
                 <a href={`${portal}/apps`} className="focused-link gap-1">Apps <Arrow /></a>
               </div>
             </div>
diff --git a/src/components/home/JobMetrics.tsx b/src/components/home/JobMetrics.tsx
index 521368ee..9974aa0f 100644
--- a/src/components/home/JobMetrics.tsx
+++ b/src/components/home/JobMetrics.tsx
@@ -1,5 +1,3 @@
-import React from 'react'
-
 import HubIcon from '@mui/icons-material/HubOutlined'
 import ScheduleIcon from '@mui/icons-material/ScheduleRounded'
 import Apps from '@mui/icons-material/AppsRounded'
diff --git a/src/components/home/NewsPreview.tsx b/src/components/home/NewsPreview.tsx
index 490419bc..139d77ca 100644
--- a/src/components/home/NewsPreview.tsx
+++ b/src/components/home/NewsPreview.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 import { Link } from 'react-router-dom'
 
 
diff --git a/src/components/home/StatusChart.tsx b/src/components/home/StatusChart.tsx
index c8d5fc1a..66928c14 100644
--- a/src/components/home/StatusChart.tsx
+++ b/src/components/home/StatusChart.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 
 import * as topojson from 'topojson'
 import { geoPath, geoAlbersUsa } from 'd3-geo'
diff --git a/src/components/home/TwitterSkeleton.tsx b/src/components/home/TwitterSkeleton.tsx
index fcd1ee75..ab304e8b 100644
--- a/src/components/home/TwitterSkeleton.tsx
+++ b/src/components/home/TwitterSkeleton.tsx
@@ -1,5 +1,3 @@
-
-import React from 'react'
 import Skeleton from '@mui/material/Skeleton'
 
 export default function TwitterSkeleton() {
diff --git a/src/components/home/TypeWriter.tsx b/src/components/home/TypeWriter.tsx
index d2447bb0..1addbfe3 100644
--- a/src/components/home/TypeWriter.tsx
+++ b/src/components/home/TypeWriter.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import { useState, useEffect } from 'react'
 
 
 export default function TypeWriter(props) {
diff --git a/src/components/home/_DeprecatedActiveApps.tsx b/src/components/home/_DeprecatedActiveApps.tsx
index dc2f4651..47b346ba 100644
--- a/src/components/home/_DeprecatedActiveApps.tsx
+++ b/src/components/home/_DeprecatedActiveApps.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import styled from 'styled-components'
 import { type App } from './StatusChart'