Fixed some syntax

Seneca-CDOT · Jan 17, 2021 · 188e7b8 · 188e7b8
1 parent 77b15ff
commit 188e7b8
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 17 deletions.
diff --git a/src/frontend/next/src/components/Post/Post.tsx b/src/frontend/next/src/components/Post/Post.tsx
@@ -1,28 +1,28 @@
-import React, { useRef, useState } from 'react';
+import { useRef, useState } from 'react';
 
 import useSWR from 'swr';
 import 'highlight.js/styles/github.css';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles, Theme } from '@material-ui/core/styles';
 import { Box, Grid, Typography, ListSubheader, createStyles } from '@material-ui/core';
 
 // For style, need to add:
 // import '../styles/telescope-post-content.css';
 
-interface Props {
+type Props = {
   postUrl: string;
-}
+};
 
-interface DataItem {
+type DataItem = {
   feed: { link: string; author: string };
   id: string;
   post: string;
   title: string;
   updated: string;
   url: string;
   html: string;
-}
+};
 
-const useStyles = makeStyles((theme) =>
+const useStyles = makeStyles((theme: Theme) =>
   createStyles({
     root: {
       padding: 0,

diff --git a/src/frontend/next/src/components/Posts/LoadAutoScroll.tsx b/src/frontend/next/src/components/Posts/LoadAutoScroll.tsx
@@ -1,13 +1,13 @@
-import React, { useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 
-import { Container, Button, Grid, createStyles } from '@material-ui/core';
+import { Container, Button, Grid, createStyles, Theme } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 
-interface Scroll {
+type Scroll = {
   onScroll: Function;
-}
+};
 
-const useStyles = makeStyles((theme) =>
+const useStyles = makeStyles((theme: Theme) =>
   createStyles({
     content: {
       '& > *': {

diff --git a/src/frontend/next/src/components/Posts/Timeline.tsx b/src/frontend/next/src/components/Posts/Timeline.tsx
@@ -1,18 +1,18 @@
-import React, { FC } from 'react';
+import { FC } from 'react';
 
 import { Container, createStyles, Grid } from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles, Theme } from '@material-ui/core/styles';
 import Post from '../Post/Post';
 import Spinner from '../Spinner/Spinner.jsx';
 import LoadAutoScroll from './LoadAutoScroll';
 import useSiteMetaData from '../../hooks/use-site-metadata';
 
-interface Props {
+type Props = {
   pages: Array<any> | undefined;
   nextPage: Function;
-}
+};
 
-const useStyles = makeStyles((theme) =>
+const useStyles = makeStyles((theme: Theme) =>
   createStyles({
     root: {
       padding: 0,