@@ -49,7 +49,7 @@ const Pagination = ({ state, actions, libraries }) => {
)}
- {isTherePreviousPage && isThereNextPage && " - "}
+ {isTherePreviousPage && isThereNextPage && ' - '}
{/* If there's a previous page, render this link */}
{isTherePreviousPage && (
diff --git a/packages/mars-theme/src/components/loading.js b/packages/mars-theme/src/components/loading.js
index b47f950d..a76b503f 100644
--- a/packages/mars-theme/src/components/loading.js
+++ b/packages/mars-theme/src/components/loading.js
@@ -1,6 +1,6 @@
-import React from "react";
-import { styled } from "frontity";
-import Loader from "react-spinners/ScaleLoader";
+import React from 'react';
+import { styled } from 'frontity';
+import Loader from 'react-spinners/ScaleLoader';
const Loading = () => (
diff --git a/packages/mars-theme/src/components/menu-icon.js b/packages/mars-theme/src/components/menu-icon.js
index 7d5b50dc..855349f5 100644
--- a/packages/mars-theme/src/components/menu-icon.js
+++ b/packages/mars-theme/src/components/menu-icon.js
@@ -1,37 +1,33 @@
-import React from "react";
+import React from 'react';
-export const HamburgerIcon = ({ size, color }) => {
- return (
-
- );
-};
+export const HamburgerIcon = ({ size, color }) => (
+
+);
-export const CloseIcon = ({ size, color }) => {
- return (
-
- );
-};
+export const CloseIcon = ({ size, color }) => (
+
+);
diff --git a/packages/mars-theme/src/components/menu-modal.js b/packages/mars-theme/src/components/menu-modal.js
index 0627e707..e49114ba 100644
--- a/packages/mars-theme/src/components/menu-modal.js
+++ b/packages/mars-theme/src/components/menu-modal.js
@@ -1,6 +1,6 @@
-import React from "react";
-import { styled, connect } from "frontity";
-import Link from "./link";
+import React from 'react';
+import { styled, connect } from 'frontity';
+import Link from './link';
const MenuModal = ({ state }) => {
const { menu } = state.theme;
@@ -15,7 +15,7 @@ const MenuModal = ({ state }) => {
{name}
diff --git a/packages/mars-theme/src/components/menu.js b/packages/mars-theme/src/components/menu.js
index 03fff189..3ed191ee 100644
--- a/packages/mars-theme/src/components/menu.js
+++ b/packages/mars-theme/src/components/menu.js
@@ -1,7 +1,7 @@
-import React from "react";
-import { styled, connect, Global } from "frontity";
-import { CloseIcon, HamburgerIcon } from "./menu-icon";
-import MenuModal from "./menu-modal";
+import React from 'react';
+import { styled, connect, Global } from 'frontity';
+import { CloseIcon, HamburgerIcon } from './menu-icon';
+import MenuModal from './menu-modal';
function MobileMenu({ state, actions }) {
const { isMobileMenuOpen } = state.theme;
@@ -12,7 +12,7 @@ function MobileMenu({ state, actions }) {
<>
{/* Add some style to the body when menu is open,
to prevent body scroll */}
-
+
) : (
diff --git a/packages/mars-theme/src/components/nav.js b/packages/mars-theme/src/components/nav.js
index 3d6cbafb..cd9a621f 100644
--- a/packages/mars-theme/src/components/nav.js
+++ b/packages/mars-theme/src/components/nav.js
@@ -1,6 +1,6 @@
-import React from "react";
-import { connect, styled } from "frontity";
-import Link from "./link";
+import React from 'react';
+import { connect, styled } from 'frontity';
+import Link from './link';
/**
* Navigation Component
@@ -15,7 +15,7 @@ const Nav = ({ state }) => (
return (
{/* If link url is the current page, add `aria-current` for a11y */}
-
+
{name}
diff --git a/packages/mars-theme/src/components/page404.js b/packages/mars-theme/src/components/page404.js
index a1823c54..cbeca5da 100644
--- a/packages/mars-theme/src/components/page404.js
+++ b/packages/mars-theme/src/components/page404.js
@@ -1,12 +1,12 @@
-import React from "react";
-import { styled } from "frontity";
+import React from 'react';
+import { styled } from 'frontity';
// The 404 page component
const Page404 = () => (
Oops! 404
- That page can’t be found{" "}
+ That page can’t be found{' '}
😕
diff --git a/packages/mars-theme/src/components/post.js b/packages/mars-theme/src/components/post.js
index 9afbc400..742dba81 100644
--- a/packages/mars-theme/src/components/post.js
+++ b/packages/mars-theme/src/components/post.js
@@ -1,8 +1,8 @@
-import React, { useEffect } from "react";
-import { connect, styled } from "frontity";
-import Link from "./link";
-import List from "./list";
-import FeaturedMedia from "./featured-media";
+import React, { useEffect } from 'react';
+import { connect, styled } from 'frontity';
+import Link from './link';
+import List from './list';
+import FeaturedMedia from './featured-media';
const Post = ({ state, actions, libraries }) => {
// Get information about the current URL.
@@ -23,9 +23,9 @@ const Post = ({ state, actions, libraries }) => {
* the home page, everything is ready and it loads instantly.
*/
useEffect(() => {
- actions.source.fetch("/");
+ actions.source.fetch('/');
List.preload();
- }, []);
+ }, [actions.source]);
// Load the post, but only if the data is ready.
return data.isReady ? (
@@ -44,7 +44,7 @@ const Post = ({ state, actions, libraries }) => {
)}
- {" "}
+ {' '}
on {date.toDateString()}
diff --git a/packages/mars-theme/src/components/title.js b/packages/mars-theme/src/components/title.js
index 1aeb27a7..bab6f702 100644
--- a/packages/mars-theme/src/components/title.js
+++ b/packages/mars-theme/src/components/title.js
@@ -1,5 +1,5 @@
-import React from "react";
-import { Head, connect } from "frontity";
+import React from 'react';
+import { Head, connect } from 'frontity';
const Title = ({ state }) => {
// Get data about the current URL.
@@ -27,7 +27,7 @@ const Title = ({ state }) => {
// 1. Get the post entity from the state and get its title.
const postTitle = state.source[data.type][data.id].title.rendered;
// 2. Remove any HTML tags found in the title.
- const cleanTitle = postTitle.replace(/<\/?[^>]+(>|$)/g, "");
+ const cleanTitle = postTitle.replace(/<\/?[^>]+(>|$)/g, '');
// 3. Render the proper title.
title = `${cleanTitle} - ${state.frontity.title}`;
} else if (data.is404) {
diff --git a/packages/mars-theme/src/index.js b/packages/mars-theme/src/index.js
index 57baaf52..31b62261 100644
--- a/packages/mars-theme/src/index.js
+++ b/packages/mars-theme/src/index.js
@@ -1,8 +1,8 @@
-import Theme from "./components";
-import image from "@frontity/html2react/processors/image";
+import Theme from './components';
+import image from '@frontity/html2react/processors/image';
const marsTheme = {
- name: "@frontity/mars-theme",
+ name: '@frontity/mars-theme',
roots: {
/**
* In Frontity, any package can add React components to the site.