Consistent naming

mui · Mar 20, 2020 · f23bca0 · f23bca0
1 parent d5b8276
commit f23bca0
Show file tree

Hide file tree

Showing 7 changed files with 40 additions and 49 deletions.
diff --git a/docs/src/pages/landing/Pro.js b/docs/src/pages/landing/Pro.js
@@ -24,10 +24,10 @@ const useStyles = makeStyles(
       },
     },
   }),
-  { name: 'HomePro' },
+  { name: 'Pro' },
 );
 
-function HomePro() {
+export default function Pro() {
   const classes = useStyles();
   const t = useSelector(state => state.options.t);
 
@@ -41,5 +41,3 @@ function HomePro() {
     </Link>
   );
 }
-
-export default HomePro;
diff --git a/docs/src/pages/landing/QuickWord.js b/docs/src/pages/landing/QuickWord.js
@@ -32,10 +32,10 @@ const useStyles = makeStyles(
       paddingBottom: theme.spacing(2),
     },
   }),
-  { name: 'HomeQuickWord' },
+  { name: 'QuickWord' },
 );
 
-function HomeQuickWord() {
+export default function QuickWord() {
   const classes = useStyles();
   const t = useSelector(state => state.options.t);
   const backer = backers[Math.floor(backers.length * Math.random())];
@@ -60,5 +60,3 @@ function HomeQuickWord() {
     </div>
   );
 }
-
-export default HomeQuickWord;
diff --git a/docs/src/pages/landing/Quotes.js b/docs/src/pages/landing/Quotes.js
@@ -89,7 +89,7 @@ const useStyles = makeStyles(
       margin: theme.spacing(2, 0, 0),
     },
   }),
-  { name: 'HomeQuotes' },
+  { name: 'Quotes' },
 );
 
 const useQuoteStyles = makeStyles(
@@ -121,7 +121,7 @@ const useQuoteStyles = makeStyles(
   { name: 'HomeQuote' },
 );
 
-const HomeQuoteLink = React.forwardRef((props, ref) => {
+const QuoteLink = React.forwardRef((props, ref) => {
   return (
     <Link
       data-ga-event-category="quote"
@@ -136,13 +136,13 @@ const HomeQuoteLink = React.forwardRef((props, ref) => {
   );
 });
 
-function HomeQuote(props) {
+function Quote(props) {
   const { avatar, href, name, quote, userName } = props;
   const classes = useQuoteStyles();
 
   return (
     <Card variant="outlined" className={classes.card}>
-      <CardActionArea component={HomeQuoteLink} href={href} className={classes.cardAction}>
+      <CardActionArea component={QuoteLink} href={href} className={classes.cardAction}>
         <CardContent>
           <Grid container spacing={3}>
             <Grid item>
@@ -171,7 +171,7 @@ function HomeQuote(props) {
   );
 }
 
-HomeQuote.propTypes = {
+Quote.propTypes = {
   avatar: PropTypes.string,
   href: PropTypes.string,
   name: PropTypes.string,
@@ -185,7 +185,7 @@ for (let i = 0; i < 3; i += 1) {
   selectedQuotes.push(quotes[(startIndex + i) % quotes.length]);
 }
 
-function HomeQuotes() {
+export default function Quotes() {
   const classes = useStyles();
   const t = useSelector(state => state.options.t);
 
@@ -204,7 +204,7 @@ function HomeQuotes() {
             <Grid container spacing={2} className={classes.grid}>
               {selectedQuotes.map(quote => (
                 <Grid item xs={12} md={4} key={quote.username}>
-                  <HomeQuote
+                  <Quote
                     avatar={quote.avatar}
                     href={quote.tweet}
                     name={quote.name}
@@ -220,5 +220,3 @@ function HomeQuotes() {
     </div>
   );
 }
-
-export default HomeQuotes;
diff --git a/docs/src/pages/landing/Sponsors.js b/docs/src/pages/landing/Sponsors.js
@@ -27,10 +27,10 @@ const useStyles = makeStyles(
       padding: theme.spacing(4, 0),
     },
   }),
-  { name: 'HomeSponsors' },
+  { name: 'Sponsors' },
 );
 
-function HomeSponsors() {
+export default function Sponsors() {
   const classes = useStyles();
   const userLanguage = useSelector(state => state.options.userLanguage);
 
@@ -45,5 +45,3 @@ function HomeSponsors() {
     </div>
   );
 }
-
-export default HomeSponsors;
diff --git a/docs/src/pages/landing/Steps.js b/docs/src/pages/landing/Steps.js
@@ -79,7 +79,7 @@ const useStyles = makeStyles(
       height: 'auto',
     },
   }),
-  { name: 'HomeSteps' },
+  { name: 'Steps' },
 );
 
 function HomeSteps() {

diff --git a/docs/src/pages/landing/Themes.js b/docs/src/pages/landing/Themes.js
@@ -8,27 +8,30 @@ import Button from '@material-ui/core/Button';
 import NoSsr from '@material-ui/core/NoSsr';
 import Link from 'docs/src/modules/components/Link';
 
-const useStyles = makeStyles(theme => ({
-  root: {
-    padding: theme.spacing(2),
-    minHeight: 160,
-    marginTop: theme.spacing(8),
-  },
+const useStyles = makeStyles(
+  theme => ({
+    root: {
+      padding: theme.spacing(2),
+      minHeight: 160,
+      marginTop: theme.spacing(8),
+    },
 
-  link: {
-    marginTop: theme.spacing(1),
-    display: 'block',
-  },
-  img: {
-    maxWidth: 960,
-    width: '100%',
-    height: 'auto',
-    marginTop: theme.spacing(4),
-  },
-  button: {
-    margin: theme.spacing(4, 0, 6),
-  },
-}));
+    link: {
+      marginTop: theme.spacing(1),
+      display: 'block',
+    },
+    img: {
+      maxWidth: 960,
+      width: '100%',
+      height: 'auto',
+      marginTop: theme.spacing(4),
+    },
+    button: {
+      margin: theme.spacing(4, 0, 6),
+    },
+  }),
+  { name: 'Themes' },
+);
 
 const PremiumThemesLink = React.forwardRef((props, ref) => {
   return (
@@ -44,7 +47,7 @@ const PremiumThemesLink = React.forwardRef((props, ref) => {
   );
 });
 
-function HomeThemes() {
+export default function Themes() {
   const classes = useStyles();
   const t = useSelector(state => state.options.t);
   const theme = useTheme();
@@ -87,5 +90,3 @@ function HomeThemes() {
     </div>
   );
 }
-
-export default HomeThemes;
diff --git a/docs/src/pages/landing/Users.js b/docs/src/pages/landing/Users.js
@@ -118,10 +118,10 @@ const useStyles = makeStyles(
       margin: theme.spacing(2, 0, 0),
     },
   }),
-  { name: 'HomeUsers' },
+  { name: 'Users' },
 );
 
-function HomeUsers() {
+export default function Users() {
   const classes = useStyles();
   const t = useSelector(state => state.options.t);
 
@@ -170,5 +170,3 @@ function HomeUsers() {
     </div>
   );
 }
-
-export default HomeUsers;