style: use default container width (#246)

* style: use default container width * fix: revert to development server for testing Co-authored-by: Rutaj Dash <[email protected]>
Monday-Morning · Aug 23, 2022 · 063e63a · 063e63a
1 parent 5bf6614
commit 063e63a
Show file tree

Hide file tree

Showing 17 changed files with 18 additions and 18 deletions.
diff --git a/client/src/components/marginals/DesktopNavbar.js b/client/src/components/marginals/DesktopNavbar.js
@@ -33,7 +33,7 @@ const DesktopNavbar = () => {
   };
 
   return (
-    <Container maxWidth='xl'>
+    <Container>
       <nav
         aria-label='Monday Morning Navigation'
         className={classes.navContainer}

diff --git a/client/src/components/marginals/Footer.js b/client/src/components/marginals/Footer.js
@@ -14,7 +14,7 @@ const Footer = () => {
   const classes = useStyles();
   return (
     <div className={classes.wrapper}>
-      <Container maxWidth='xl'>
+      <Container>
         <Grid container direction='row'>
           <Grid item sm={6} md={4}>
             <div className={classes.aboutInfo}>

diff --git a/client/src/components/marginals/TopBar.js b/client/src/components/marginals/TopBar.js
@@ -8,7 +8,7 @@ const TopBar = () => {
   const classes = useStyles();
   return (
     <div className={classes.topBar}>
-      <Container maxWidth='xl'>
+      <Container>
         <div className={classes.container}>
           <ul className={classes.navList}>
             <li className={classes.navItem}>

diff --git a/client/src/components/portfolio/UserCard.js b/client/src/components/portfolio/UserCard.js
@@ -18,7 +18,7 @@ const UserCard = ({ user }) => {
     user;
 
   return (
-    <Container maxWidth='xl'>
+    <Container>
       <div className={classes.wrapper}>
         <Card className={classes.card}>
           <CardContent>

diff --git a/client/src/components/portfolio/Works.js b/client/src/components/portfolio/Works.js
@@ -15,7 +15,7 @@ const Works = ({ user }) => {
   const { articleList } = user;
 
   return (
-    <Container maxWidth='xl'>
+    <Container>
       <div className={classes.wrapper}>
         <div className={classes.sectionWrapper}>
           {/* Content */}

diff --git a/client/src/config/ApolloClient.js b/client/src/config/ApolloClient.js
@@ -41,7 +41,7 @@ const link = from([
     uri:
       process.env.NODE_ENV === 'production'
         ? 'https://mm.dashnet.in/api/v1/graph'
-        : 'https://project-reclamation-staging.herokuapp.com/v1/graph',
+        : 'https://project-reclamation-staging.herokuapp.com/api/v1/graph',
   }),
 ]);
 

diff --git a/client/src/screens/About.js b/client/src/screens/About.js
@@ -12,7 +12,7 @@ import Team from '../components/about/Team';
 
 function About() {
   return (
-    <Container maxWidth='xl'>
+    <Container>
       <BackButton path='/' goTo='Home' />
       <AboutUs />
       <Content />

diff --git a/client/src/screens/Article.js b/client/src/screens/Article.js
@@ -24,7 +24,7 @@ function Article({ article }) {
 
   return (
     <>
-      <Container maxWidth='xl'>
+      <Container>
         <Grid container>
           <Grid item md={9}>
             <ArticleHeader article={article} />

diff --git a/client/src/screens/Category.js b/client/src/screens/Category.js
@@ -20,7 +20,7 @@ function Category({ articleList, categoryShortName, category }) {
   return (
     <div className={classes.container}>
       <div className={classes.navbarContainer}>
-        <Container maxWidth='xl'>
+        <Container>
           <Typography variant='h1' className={classes.title}>
             {category.name}
           </Typography>
@@ -62,7 +62,7 @@ function Category({ articleList, categoryShortName, category }) {
       </div>
 
       <div>
-        <Container maxWidth='xl'>
+        <Container>
           <div className={classes.articlesCards}>
             {ROUTES.SUB_CATEGORIES.OBJECT[categoryShortName.toUpperCase()].map(
               ({ name, shortName, path }, index) => (

diff --git a/client/src/screens/Contact.js b/client/src/screens/Contact.js
@@ -10,7 +10,7 @@ import Feedback from '../components/contact/Feedback';
 function Contact() {
   return (
     <div>
-      <Container maxWidth='xl'>
+      <Container>
         <BackButton path='/' goTo='Home' />
         <ContactUs />
         <Details />

diff --git a/client/src/screens/Expressions.js b/client/src/screens/Expressions.js
@@ -68,7 +68,7 @@ function Expressions() {
 
   return (
     <div className={classes.root}>
-      <Container maxWidth='xl'>
+      <Container>
         <div className={classes.header}>
           <Typography variant='h1' className={classes.head}>
             Expressions

diff --git a/client/src/screens/Guide.js b/client/src/screens/Guide.js
@@ -23,7 +23,7 @@ function Contact({ issues }) {
 
   return (
     <div>
-      <Container maxWidth='xl'>
+      <Container>
         <BackButton path='/' goTo='Home' />
         <Options />
       </Container>

diff --git a/client/src/screens/Home.js b/client/src/screens/Home.js
@@ -28,7 +28,7 @@ function Home({ issues, squiggles }) {
 
   return (
     <>
-      <Container maxWidth='xl'>
+      <Container>
         <ArticleGrid articles={featured} />
         <Squiggles data={squiggles} />
 

diff --git a/client/src/screens/Live.js b/client/src/screens/Live.js
@@ -46,7 +46,7 @@ function Live() {
   };
 
   return (
-    <Container maxWidth='xl'>
+    <Container>
       <Typography variant='h2' className={classes.title}>
         Live
       </Typography>

diff --git a/client/src/screens/Podcast.js b/client/src/screens/Podcast.js
@@ -9,7 +9,7 @@ import PodcastList from '../components/podcast/List';
 
 const Podcast = () => (
   <>
-    <Container maxWidth='xl'>
+    <Container>
       <BackLink />
     </Container>
     <LatestPodcast />

diff --git a/client/src/screens/Policy.js b/client/src/screens/Policy.js
@@ -9,7 +9,7 @@ import BackButton from '../components/shared/button/BackButton';
 
 function Policy() {
   return (
-    <Container maxWidth='xl'>
+    <Container>
       <BackButton path='/' goTo='Home' />
       <Terms />
     </Container>

diff --git a/client/src/screens/SearchPage.jsx b/client/src/screens/SearchPage.jsx
@@ -11,7 +11,7 @@ import ArticleCardStack from '../components/widgets/article/ArticleCardStack';
 const SearchPage = ({ articles, keyword }) => {
   const classes = useStyles();
   return (
-    <Container maxWidth='xl'>
+    <Container>
       <Typography variant='h3' component='h3' className={classes.text}>
         {!articles && <span>NO</span>} Search results for - "{keyword}"
       </Typography>