rushilwiz/tj-sga-website-react
1
0
Fork 0
mirror of https://github.com/tjsga/tj-sga-website-react.git synced 2025-04-03 20:00:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add embedded newletter

Browse Source
This commit is contained in:
Michael Fatemi 2021-01-06 15:00:36 -05:00
parent 2668219513
commit f818d6830a
4 changed files with 40 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/App.test.js
View File

@ -1,8 +0,0 @@
import { render, screen } from '@testing-library/react';
import App from './App';
test('renders learn react link', () => {
render(<App />);
const linkElement = screen.getByText(/learn react/i);
expect(linkElement).toBeInTheDocument();
});

27
src/App.tsx
View File

@ -1,19 +1,22 @@
import React, { Suspense } from 'react';
import { Suspense, lazy } from 'react';
import { BrowserRouter, Route, Switch } from 'react-router-dom';
import Layout from './components/Layout';
import './App.css';
const index = React.lazy(() => import('./pages/index'));
const initiatives = React.lazy(() => import('./pages/initiatives'));
const involved = React.lazy(() => import('./pages/involved'));
const mission = React.lazy(() => import('./pages/mission'));
const news = React.lazy(() => import('./pages/news'));
const newsarticle = React.lazy(() => import('./pages/newsarticle'));
const notfound = React.lazy(() => import('./pages/404'));
const officers = React.lazy(() => import('./pages/officers'));
const committee = React.lazy(() => import('./pages/committee'));
const classcouncil = React.lazy(() => import('./pages/classcouncil'));
const classcouncil = lazy(() => import('./pages/classcouncil'));
const committee = lazy(() => import('./pages/committee'));
const feedback = lazy(() => import('./pages/feedback'));
const index = lazy(() => import('./pages/index'));
const initiatives = lazy(() => import('./pages/initiatives'));
const involved = lazy(() => import('./pages/involved'));
const mission = lazy(() => import('./pages/mission'));
const news = lazy(() => import('./pages/news'));
const newsarticle = lazy(() => import('./pages/newsarticle'));
const newsletter = lazy(() => import('./pages/newsletter'));
const notfound = lazy(() => import('./pages/404'));
const officers = lazy(() => import('./pages/officers'));
const loading = (
<div
style={{
@ -27,7 +30,6 @@ const loading = (
<h3 style={{ textAlign: 'center', width: '100vw' }}>Loading...</h3>
</div>
);
const feedback = React.lazy(() => import('./pages/feedback'));
export default function App() {
return (
@ -38,6 +40,7 @@ export default function App() {
<Route path='/initiatives' exact component={initiatives} />
<Route path='/involved' exact component={involved} />
<Route path='/news/:articleId' component={newsarticle} />
<Route path='/newsletter' exact component={newsletter} />
<Route path='/news' exact component={news} />
<Route path='/mission' exact component={mission} />
<Route path='/officers' exact component={officers} />

4
src/components/Navbar.tsx
View File

@ -25,8 +25,8 @@ let pages = [
title: 'News',
},
{
url: '#',
title: 'Newsletter (In development!)',
url: '/newsletter',
title: 'Newsletter',
},
],
},

23
src/pages/newsletter.tsx Normal file
View File

@ -0,0 +1,23 @@
import Centered from '../components/Centered';
import Hero from '../components/Hero';
import PrimaryHeader from '../components/PrimaryHeader';
import { SGA_NEWSLETTER_EMBED_URL } from '../lib/constants';
export default function Newsletter() {
return (
<>
<Hero heading='Newsletter' />
<main>
<Centered>
<PrimaryHeader>SGA Newsletter</PrimaryHeader>
<iframe
title='SGA Newsletter'
src={SGA_NEWSLETTER_EMBED_URL}
width='800'
height='600'
/>
</Centered>
</main>
</>
);
}