fix(scroll): #23 polyfill for smooth scrolling

Nebulis · Oct 25, 2019 · 4668aec · 4668aec
1 parent b5b0662
commit 4668aec
Show file tree

Hide file tree

Showing 24 changed files with 32 additions and 20 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -26,6 +26,7 @@
     "react-helmet": "^5.2.1",
     "react-icons": "^3.7.0",
     "react-popover": "^0.5.10",
+    "smoothscroll-polyfill": "^0.4.4",
     "typescript": "^3.6.3"
   },
   "devDependencies": {

diff --git a/src/components/layout/blog.tsx → src/components/layout/layout.tsx b/src/components/layout/blog.tsx → src/components/layout/layout.tsx
@@ -8,6 +8,8 @@ import { ApplicationContext } from "../application"
 import { Maintenance } from "./maintenance"
 import "./layout.css"
 import "./tachyons.css"
+import smoothscroll from "smoothscroll-polyfill"
+typeof window !== `undefined` && smoothscroll.polyfill()
 
 const pageDevelopmentMarkStyle = css`
   position: fixed;

diff --git a/src/pages/asia/index.tsx b/src/pages/asia/index.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 import SEO from "../../components/layout/seo"
 import { JapanLink } from "../../components/core/links/link"
-import { BlogLayout } from "../../components/layout/blog"
+import { BlogLayout } from "../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/fuji/index.tsx b/src/pages/asia/japan/fuji/index.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 import SEO from "../../../../components/layout/seo"
 import { ApplicationLink } from "../../../../components/core/links/link"
-import { BlogLayout } from "../../../../components/layout/blog"
+import { BlogLayout } from "../../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/himeji/castle.tsx b/src/pages/asia/japan/himeji/castle.tsx
@@ -44,7 +44,7 @@ import { HimejiCastle4Image } from "../../../../components/images/asia/japan/him
 import { HimejiCastleWithCherry3Image } from "../../../../components/images/asia/japan/himeji/castle/himejiCastleWithCherry3Image"
 import { HimejiCastleQuote } from "../../../../components/core/japan"
 import { JapanExternalLink, JapanLink } from "../../../../components/core/links/link"
-import { BlogLayout } from "../../../../components/layout/blog"
+import { BlogLayout } from "../../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/himeji/index.tsx b/src/pages/asia/japan/himeji/index.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 import SEO from "../../../../components/layout/seo"
 import { ApplicationLink } from "../../../../components/core/links/link"
-import { BlogLayout } from "../../../../components/layout/blog"
+import { BlogLayout } from "../../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/index.tsx b/src/pages/asia/japan/index.tsx
@@ -11,7 +11,7 @@ import { getLinkLabel, isLinkPublished } from "../../../components/core/links/li
 import { japanLinks } from "../../../components/core/links/japan.links"
 import { ApplicationLink } from "../../../components/core/links/link"
 import { ApplicationContext } from "../../../components/application"
-import { BlogLayout } from "../../../components/layout/blog"
+import { BlogLayout } from "../../../components/layout/layout"
 
 const IndexPage = () => {
   const context = useContext(ApplicationContext)

diff --git a/src/pages/asia/japan/kyoto/arashiyama.tsx b/src/pages/asia/japan/kyoto/arashiyama.tsx
@@ -25,7 +25,7 @@ import { ArashiyamaCherryImage } from "../../../../components/images/asia/japan/
 import { Conclusion } from "../../../../components/core/conclusion"
 import { ArashiyamaQuote, JapanLine } from "../../../../components/core/japan"
 import { JapanExternalLink, JapanLink } from "../../../../components/core/links/link"
-import { BlogLayout } from "../../../../components/layout/blog"
+import { BlogLayout } from "../../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/kyoto/daigoji.tsx b/src/pages/asia/japan/kyoto/daigoji.tsx
@@ -39,7 +39,7 @@ import { DaigojiGarden5Image } from "../../../../components/images/asia/japan/ky
 import { DaigojiGarden4Image } from "../../../../components/images/asia/japan/kyoto/daigoji/daigojiGarden4Image"
 import { DaigojiMonk2Image } from "../../../../components/images/asia/japan/kyoto/daigoji/daigojiMonk2Image"
 import { JapanExternalLink, JapanLink } from "../../../../components/core/links/link"
-import { BlogLayout } from "../../../../components/layout/blog"
+import { BlogLayout } from "../../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/kyoto/fushimi-inari-taisha.tsx b/src/pages/asia/japan/kyoto/fushimi-inari-taisha.tsx
@@ -20,7 +20,7 @@ import { FushimiKomainu1Image } from "../../../../components/images/asia/japan/k
 import { Conclusion } from "../../../../components/core/conclusion"
 import { FushimiInariTaishaQuote, JapanLine } from "../../../../components/core/japan"
 import { JapanExternalLink, JapanLink } from "../../../../components/core/links/link"
-import { BlogLayout } from "../../../../components/layout/blog"
+import { BlogLayout } from "../../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/kyoto/index.tsx b/src/pages/asia/japan/kyoto/index.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 import SEO from "../../../../components/layout/seo"
 import { ApplicationLink } from "../../../../components/core/links/link"
-import { BlogLayout } from "../../../../components/layout/blog"
+import { BlogLayout } from "../../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/kyoto/kinkakuji.tsx b/src/pages/asia/japan/kyoto/kinkakuji.tsx
@@ -37,7 +37,7 @@ import { KinkakujiStatueImage } from "../../../../components/images/asia/japan/k
 import { Conclusion } from "../../../../components/core/conclusion"
 import { JapanLine, KinkakujiQuote } from "../../../../components/core/japan"
 import { JapanExternalLink, JapanLink } from "../../../../components/core/links/link"
-import { BlogLayout } from "../../../../components/layout/blog"
+import { BlogLayout } from "../../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/nagoya/castle.tsx b/src/pages/asia/japan/nagoya/castle.tsx
@@ -39,7 +39,7 @@ import { NagoyaCastle2Image } from "../../../../components/images/asia/japan/nag
 import { Conclusion } from "../../../../components/core/conclusion"
 import { JapanLine, NagoyaCastleQuote } from "../../../../components/core/japan"
 import { JapanExternalLink, JapanLink } from "../../../../components/core/links/link"
-import { BlogLayout } from "../../../../components/layout/blog"
+import { BlogLayout } from "../../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/nagoya/index.tsx b/src/pages/asia/japan/nagoya/index.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 import SEO from "../../../../components/layout/seo"
 import { ApplicationLink } from "../../../../components/core/links/link"
-import { BlogLayout } from "../../../../components/layout/blog"
+import { BlogLayout } from "../../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/nagoya/toganji.tsx b/src/pages/asia/japan/nagoya/toganji.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 import SEO from "../../../../components/layout/seo"
 import { ApplicationLink } from "../../../../components/core/links/link"
-import { BlogLayout } from "../../../../components/layout/blog"
+import { BlogLayout } from "../../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/spring-in-japan.tsx b/src/pages/asia/japan/spring-in-japan.tsx
@@ -34,7 +34,7 @@ import { MainToganjiImage } from "../../../components/images/asia/japan/mainToga
 import { MainHamarikyuGardenImage } from "../../../components/images/asia/japan/mainHamarikyuGardenImage"
 import { JapanDivider } from "../../../components/core/divider"
 import { JapanExternalLink } from "../../../components/core/links/link"
-import { BlogLayout } from "../../../components/layout/blog"
+import { BlogLayout } from "../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/tokyo/hamarikyu-garden.tsx b/src/pages/asia/japan/tokyo/hamarikyu-garden.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 import SEO from "../../../../components/layout/seo"
 import { ApplicationLink } from "../../../../components/core/links/link"
-import { BlogLayout } from "../../../../components/layout/blog"
+import { BlogLayout } from "../../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/tokyo/index.tsx b/src/pages/asia/japan/tokyo/index.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 import SEO from "../../../../components/layout/seo"
 import { ApplicationLink } from "../../../../components/core/links/link"
-import { BlogLayout } from "../../../../components/layout/blog"
+import { BlogLayout } from "../../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/tokyo/sensoji.tsx b/src/pages/asia/japan/tokyo/sensoji.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 import SEO from "../../../../components/layout/seo"
 import { ApplicationLink } from "../../../../components/core/links/link"
-import { BlogLayout } from "../../../../components/layout/blog"
+import { BlogLayout } from "../../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/tokyo/ueno-park.tsx b/src/pages/asia/japan/tokyo/ueno-park.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 import SEO from "../../../../components/layout/seo"
 import { ApplicationLink } from "../../../../components/core/links/link"
-import { BlogLayout } from "../../../../components/layout/blog"
+import { BlogLayout } from "../../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/asia/japan/transports.tsx b/src/pages/asia/japan/transports.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 import SEO from "../../../components/layout/seo"
 import { JapanLink } from "../../../components/core/links/link"
-import { BlogLayout } from "../../../components/layout/blog"
+import { BlogLayout } from "../../../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,6 +1,6 @@
 import React from "react"
 import SEO from "../components/layout/seo"
-import { BlogLayout } from "../components/layout/blog"
+import { BlogLayout } from "../components/layout/layout"
 
 const IndexPage = () => {
   return (

diff --git a/src/types/declaration.d.ts b/src/types/declaration.d.ts
@@ -1 +1,5 @@
 declare module "*.png"
+
+declare module "smoothscroll-polyfill" {
+  export function polyfill(): void
+}