Prettier fixes

codelitdev · May 31, 2020 · 93d62a6 · 93d62a6
1 parent b4ea0cb
commit 93d62a6
Show file tree

Hide file tree

Showing 7 changed files with 31 additions and 16 deletions.
diff --git a/frontend/components/Article.js b/frontend/components/Article.js
@@ -21,8 +21,8 @@ const useStyles = featuredImage =>
   makeStyles(theme => ({
     header: {
       marginBottom: theme.spacing(1),
-      [theme.breakpoints.up('sm')]: {
-        marginBottom: theme.spacing(4),
+      [theme.breakpoints.up("sm")]: {
+        marginBottom: theme.spacing(4)
       }
     },
     creatoravatarcontainer: {

diff --git a/frontend/components/CourseItem.js b/frontend/components/CourseItem.js
@@ -67,7 +67,9 @@ const CourseItem = props => {
                       </Typography>
                     </Grid>
                     <Grid item>
-                      <Typography variant="body1" component='div'>{description}</Typography>
+                      <Typography variant="body1" component="div">
+                        {description}
+                      </Typography>
                     </Grid>
                     <Grid item>
                       <PriceTag cost={course.cost}></PriceTag>

diff --git a/frontend/components/Masterlayout.js b/frontend/components/Masterlayout.js
@@ -25,7 +25,9 @@ const MasterLayout = props => {
   return (
     <>
       <Head>
-        <title>{props.title} | {props.siteInfo.title}</title>
+        <title>
+          {props.title} | {props.siteInfo.title}
+        </title>
         {props.siteInfo.logopath && (
           <link
             rel="icon"

diff --git a/frontend/pages/course/[id]/[slug].js b/frontend/pages/course/[id]/[slug].js
@@ -1,7 +1,11 @@
 import { connect } from "react-redux";
 import ResponsiveDrawer from "../../../components/ResponsiveDrawer.js";
 import Head from "next/head";
-import { formulateCourseUrl, formulateMediaUrl, getPostDescriptionSnippet } from "../../../lib/utils.js";
+import {
+  formulateCourseUrl,
+  formulateMediaUrl,
+  getPostDescriptionSnippet
+} from "../../../lib/utils.js";
 import { Lock } from "@material-ui/icons";
 import { BACKEND, FRONTEND, MEDIA_BACKEND } from "../../../config/constants.js";
 import { SIDEBAR_TEXT_COURSE_ABOUT } from "../../../config/strings.js";
@@ -41,14 +45,19 @@ const Course = props => {
       {!error && (
         <>
           <Head>
-            <title>{course.title} | {props.siteInfo.title}</title>
+            <title>
+              {course.title} | {props.siteInfo.title}
+            </title>
             <meta
               property="og:url"
               content={formulateCourseUrl(course, FRONTEND)}
             />
             <meta property="og:type" content="article" />
             <meta property="og:title" content={course.title} />
-            <meta property="og:description" content={getPostDescriptionSnippet(course.description)} />
+            <meta
+              property="og:description"
+              content={getPostDescriptionSnippet(course.description)}
+            />
             <meta property="og:author" content={course.creatorName} />
             {course.featuredImage && (
               <meta

diff --git a/frontend/pages/courses.js b/frontend/pages/courses.js
@@ -14,14 +14,14 @@ const useStyles = makeStyles(theme => ({
   header: {
     marginTop: theme.spacing(2),
     marginBottom: theme.spacing(2),
-    [theme.breakpoints.up('sm')]: {
-      marginTop: theme.spacing(4),
+    [theme.breakpoints.up("sm")]: {
+      marginTop: theme.spacing(4)
     }
   },
   loadMoreBtn: {
     marginBottom: theme.spacing(4)
   }
-}))
+}));
 
 const Courses = props => {
   const [courses, setCourses] = useState(props.courses);
@@ -43,7 +43,9 @@ const Courses = props => {
   return (
     <MasterLayout title={PAGE_HEADER_ALL_COURSES}>
       <ContainedBodyLayout>
-        <Typography variant="h2" className={classes.header}>{PAGE_HEADER_ALL_COURSES}</Typography>
+        <Typography variant="h2" className={classes.header}>
+          {PAGE_HEADER_ALL_COURSES}
+        </Typography>
         {courses.map(course => (
           <CourseItem course={course} key={course.id} isPublicView={true} />
         ))}

diff --git a/frontend/pages/index.js b/frontend/pages/index.js
@@ -17,7 +17,6 @@ import { makeStyles } from "@material-ui/styles";
 import ContainedBodyLayout from "../components/ContainedBodyLayout.js";
 import About from "../components/About.js";
 import FetchBuilder from "../lib/fetch.js";
-import { siteInfoProps } from "../types.js";
 
 const useStyles = makeStyles(theme => ({
   root: {
@@ -76,7 +75,9 @@ const Index = props => {
   };
 
   return (
-    <MasterLayout title={`${props.siteinfo.subtitle} | ${props.siteinfo.title}`}>
+    <MasterLayout
+      title={`${props.siteinfo.subtitle} | ${props.siteinfo.title}`}
+    >
       <Grid container direction="column">
         {hasContentToShow === true && (
           <>

diff --git a/frontend/pages/post/[id]/[slug].js b/frontend/pages/post/[id]/[slug].js
@@ -1,4 +1,3 @@
-import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import MasterLayout from "../../../components/Masterlayout.js";
 import { BACKEND, FRONTEND, MEDIA_BACKEND } from "../../../config/constants.js";
@@ -21,7 +20,7 @@ const useStyles = makeStyles(theme => ({
   articleMarginBottomAdjust: {
     marginBottom: theme.spacing(2)
   }
-}))
+}));
 
 const Post = props => {
   const classes = useStyles();
@@ -94,7 +93,7 @@ Post.getInitialProps = async ({ query }) => {
 
 Post.propTypes = {
   siteInfo: siteInfoProps
-}
+};
 
 const mapStateToProps = state => ({
   siteInfo: state.siteinfo