Merge pull request #153 from dailybruin/react17next10upgrade

React17next10upgrade
dailybruin · Nov 7, 2024 · 9786e9b · 9786e9b
2 parents d11c0ba + ddde017
commit 9786e9b
Show file tree

Hide file tree

Showing 86 changed files with 29,243 additions and 5,463 deletions.
diff --git a/components/Article/index.jsx b/components/Article/index.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import moment from "moment";
 

diff --git a/components/ArticleCard/Breaking.jsx b/components/ArticleCard/Breaking.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import * as locals from "./locals";

diff --git a/components/ArticleCard/BreakingOverview.jsx b/components/ArticleCard/BreakingOverview.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import * as locals from "./locals";

diff --git a/components/ArticleCard/Full.jsx b/components/ArticleCard/Full.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import * as locals from "./locals";

diff --git a/components/ArticleCard/Horz.jsx b/components/ArticleCard/Horz.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import * as locals from "./locals";

diff --git a/components/ArticleCard/Long.jsx b/components/ArticleCard/Long.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import * as locals from "./locals";

diff --git a/components/ArticleCard/Mini.jsx b/components/ArticleCard/Mini.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import * as locals from "./locals";

diff --git a/components/ArticleCard/Podcast.jsx b/components/ArticleCard/Podcast.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import * as locals from "./locals";

diff --git a/components/ArticleCard/Vert.jsx b/components/ArticleCard/Vert.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import * as locals from "./locals";

diff --git a/components/ArticleCard/Video.jsx b/components/ArticleCard/Video.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import * as locals from "./locals";

diff --git a/components/ArticleCarousel/index.jsx b/components/ArticleCarousel/index.jsx
@@ -1,5 +1,5 @@
 import React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import SwipeableViews from "react-swipeable-views";
 import { autoPlay } from "react-swipeable-views-utils";

diff --git a/components/AuthorCard/index.jsx b/components/AuthorCard/index.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import emailImage from "./mail.svg";

diff --git a/components/BreakingBanner/index.jsx b/components/BreakingBanner/index.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 

diff --git a/components/BreakingFeedsHeader/index.jsx b/components/BreakingFeedsHeader/index.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 
@@ -79,7 +79,7 @@ export default function BreakingFeedsHeader(props) {
           }
         }
       `}>
-                    <svg height="20" width="20" class="blinking"> {/* Adjust the size as needed */}
+                    <svg height="20" width="20" className="blinking"> {/* Adjust the size as needed */}
                         <circle cx="10" cy="10" r="10" fill="#d12008" />
                     </svg>
                 </div>

diff --git a/components/ClassifiedsCard/index.jsx b/components/ClassifiedsCard/index.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 

diff --git a/components/CommentFAB/index.jsx b/components/CommentFAB/index.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import comment from "./comment.svg";

diff --git a/components/CommentsCard/index.jsx b/components/CommentsCard/index.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 
 import { cardShadow, cardPadding, menuFont } from "../globals";

diff --git a/components/EmailSignUp/index.jsx b/components/EmailSignUp/index.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 

diff --git a/components/FeatureArticle/Landing.jsx b/components/FeatureArticle/Landing.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import logo from "./dailybruin.svg";
 import * as globals from "../globals";

diff --git a/components/FeatureArticle/Tag.jsx b/components/FeatureArticle/Tag.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import logo from "./db.png";
 // import minilogo from "../../public/favicons/favicon-194x194.png";

diff --git a/components/FeatureArticle/index.jsx b/components/FeatureArticle/index.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import moment from "moment";
 

diff --git a/components/Footer/FooterLink.jsx b/components/Footer/FooterLink.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as MainSiteStyles from "../globals";
 

diff --git a/components/Footer/Heart.jsx b/components/Footer/Heart.jsx
@@ -1,5 +1,5 @@
 import * as React from 'react'
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from '@emotion/core'
 
 /**

diff --git a/components/Footer/index.jsx b/components/Footer/index.jsx
@@ -1,5 +1,5 @@
 import * as React from 'react'
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from '@emotion/core'
 import Heart from './Heart'
 import toSentence from '../../utils/toSentence'

diff --git a/components/GamesCard/GamesCard.jsx b/components/GamesCard/GamesCard.jsx
@@ -1,4 +1,4 @@
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import Link from "next/link"

diff --git a/components/InTheNewsBanner/index.jsx b/components/InTheNewsBanner/index.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 

diff --git a/components/LoadingBear/index.jsx b/components/LoadingBear/index.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 

diff --git a/components/MainSiteFooter/index.jsx b/components/MainSiteFooter/index.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as MainSiteStyles from "../globals";
 import FooterLink from "../Footer/FooterLink";

diff --git a/components/MainSiteHeader/HeaderBar.tsx b/components/MainSiteHeader/HeaderBar.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react'
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from '@emotion/core'
 
 const dbLogo=require('./db_logo.svg')

diff --git a/components/MainSiteHeader/index.tsx b/components/MainSiteHeader/index.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react'
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from '@emotion/core'
 
 import * as MainSiteStyles from '../globals'

diff --git a/components/Masthead/Desktop.jsx b/components/Masthead/Desktop.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { Global, css, jsx } from "@emotion/core";
 import moment from "moment";
 import Head from "next/head";

diff --git a/components/Masthead/Mobile.jsx b/components/Masthead/Mobile.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { Global, css, jsx } from "@emotion/core";
 import Head from "next/head";
 

diff --git a/components/Masthead/index.jsx b/components/Masthead/index.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import Link from "next/link";
 

diff --git a/components/MultimediaScroller/Media.jsx b/components/MultimediaScroller/Media.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 
 import * as globals from "../globals";

diff --git a/components/MultimediaScroller/index.jsx b/components/MultimediaScroller/index.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 
 import Media from "./Media";

diff --git a/components/Page/index.jsx b/components/Page/index.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import { date2string } from "./utilities.js";

diff --git a/components/PhotoCard/index.jsx b/components/PhotoCard/index.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import * as utilities from "./utilities";

diff --git a/components/PhotoGallery/Header.jsx b/components/PhotoGallery/Header.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import InFocusLogo from "./infocus.png";

diff --git a/components/PhotoGallery/Photo.jsx b/components/PhotoGallery/Photo.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 

diff --git a/components/PhotoGallery/index.jsx b/components/PhotoGallery/index.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 

diff --git a/components/PhotoGrid/Photo.jsx b/components/PhotoGrid/Photo.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 

diff --git a/components/PhotoGrid/index.jsx b/components/PhotoGrid/index.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Head from "next/head";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import Masonry from "react-masonry-component";

diff --git a/components/Poll/Choice.jsx b/components/Poll/Choice.jsx
@@ -1,7 +1,7 @@
 // import { faCheckCircle } from '@fortawesome/free-solid-svg-icons'
 // import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import * as React from 'react'
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from '@emotion/core'
 import * as MainSiteStyles from '../globals'
 

diff --git a/components/Poll/Graph.jsx b/components/Poll/Graph.jsx
@@ -1,5 +1,5 @@
 import React from 'react'
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from '@emotion/core'
 import * as MainSiteStyles from '../globals'
 import * as d3 from 'd3'

diff --git a/components/Poll/Question.jsx b/components/Poll/Question.jsx
@@ -1,5 +1,5 @@
 import * as React from 'react'
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from '@emotion/core'
 import * as MainSiteStyles from '../globals'
 

diff --git a/components/Poll/index.jsx b/components/Poll/index.jsx
@@ -1,5 +1,5 @@
 import * as React from 'react'
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from '@emotion/core'
 import * as MainSiteStyles from '../globals'
 import Choice from './Choice'

diff --git a/components/ReviewInfobox/index.jsx b/components/ReviewInfobox/index.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 
 import fullStar from "./paw-filled.svg";

diff --git a/components/SearchResults/index.jsx b/components/SearchResults/index.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 

diff --git a/components/SectionHeader/index.jsx b/components/SectionHeader/index.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 import InFocusLogo from "./infocus.png";

diff --git a/components/SectionHeaderSuper/index.jsx b/components/SectionHeaderSuper/index.jsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import Link from "next/link";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 

diff --git a/components/ShareButtons/index.jsx b/components/ShareButtons/index.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import * as globals from "../globals";
 

diff --git a/components/SponsoredArticle/Landing.jsx b/components/SponsoredArticle/Landing.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import logo from "./dailybruin.svg";
 import * as globals from "../globals";

diff --git a/components/SponsoredArticle/Tag.jsx b/components/SponsoredArticle/Tag.jsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-/** @jsx jsx */
+/** @jsxImportSource @emotion/react */
 import { css, jsx } from "@emotion/core";
 import logo from "./db.png";
 // import minilogo from "../../public/favicons/favicon-194x194.png";