diff --git a/src/pages/index.js b/src/pages/index.js index a779b43..172e73d 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -1,4 +1,4 @@ -import React from "react" +import React, {useEffect, useState} from "react" import Layout from "../components/layout" import Hero from "../components/hero" @@ -7,6 +7,29 @@ import SEO from "../components/seo" import bgImage from "../media/phones.webp" +/* + For some inexplicable reason on first load React decides to make this div class into "divider". + I have no idea why that happens this is why I implemented this weird hack that forces React to reload classes. + If you have any idea how to fix this properly, you're more than welcome to open a PR. +*/ +const BuggyDiv = () => { + const [clName, setClName] = useState("flex justify-center w-full mb-5"); + + useEffect(() => { + setTimeout(() => { + setClName("flex justify-center w-full mb-5 div-loaded"); + }, 100) + }, []) + + return ( +
+ Install +
+ Repositories +
+ ) +} + const IndexPage = () => { return @@ -16,11 +39,7 @@ const IndexPage = () => {
On this official cloudstream/recloudstream site you can find downloads links and a list of repositories of extensions.

-
- Install -
- Repositories -
+ Guides, FAQ & Docs