docs: fix building process

Author: MateuszRostkowski

docs/README.md

@@ -26,16 +26,6 @@ This command generates static content into the `build` directory and can be serv
 
 ### Deployment
 
-Using SSH:
+We are hosting docs on vercel, co you could just use this command:
 
-```
-$ USE_SSH=true yarn deploy
-```
-
-Not using SSH:
-
-```
-$ GIT_USER=<Your GitHub username> yarn deploy
-```
-
-If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the `gh-pages` branch.
+- vercel --prod

docs/docs/data-management/MOCKING.md

@@ -18,7 +18,7 @@ description: Mocking - check how to mock data from backend and display it for us
 
 This template uses [MSW](https://mswjs.io/docs) to mock data.
 
-Mocks are automatically generated with orval script - you can check [docs here](/api-connection)
+Mocks are automatically generated with orval script - you can check [docs here](/docs/api-connection)
 
 ## Enabling mocks
 

docs/src/components/HomePageHeader/HeaderButtons.tsx

@@ -0,0 +1,26 @@
+import styles from './styles.module.css'
+import Link from '@docusaurus/Link'
+import clsx from 'clsx'
+
+export default function HeaderButtons() {
+  return (
+    <div className={styles.buttonsContainer}>
+      <Link
+        className={clsx(
+          'button button--secondary button--lg',
+          styles.button,
+          styles.buttonReadDocs
+        )}
+        to="/docs/overview"
+      >
+        Read docs
+      </Link>
+      <Link
+        className={clsx('button button--secondary button--lg', styles.button, styles.buttonTryIt)}
+        to="https://binarapps.online/sign-in"
+      >
+        Try it
+      </Link>
+    </div>
+  )
+}

docs/src/pages/components/ImageSlider.tsx …omponents/HomePageHeader/ImageSlider.tsxdocs/src/pages/components/ImageSlider.tsx renamed to docs/src/components/HomePageHeader/ImageSlider.tsx docs/src/pages/components/ImageSlider.tsx renamed to docs/src/components/HomePageHeader/ImageSlider.tsx

@@ -1,4 +1,4 @@
-import styles from '../index.module.css'
+import styles from './styles.module.css'
 import Slider from 'react-slick'
 
 const sliderSettings = {
@@ -48,14 +48,16 @@ const sliderImages = [
   },
 ]
 
-export const ImageSlider = () => (
-  <div className={styles.sliderContainer}>
-    <Slider {...sliderSettings}>
-      {sliderImages.map((image, index) => (
-        <div key={index} className={styles.imageWrapper}>
-          <img src={image.src} alt={image.alt} className={styles.image} />
-        </div>
-      ))}
-    </Slider>
-  </div>
-)
+export default function ImageSlider() {
+  return (
+    <div className={styles.sliderContainer}>
+      <Slider {...sliderSettings}>
+        {sliderImages.map((image, index) => (
+          <div key={index} className={styles.imageWrapper}>
+            <img src={image.src} alt={image.alt} className={styles.image} />
+          </div>
+        ))}
+      </Slider>
+    </div>
+  )
+}

docs/src/pages/HomepageHeader.tsx …/src/components/HomePageHeader/index.tsxdocs/src/pages/HomepageHeader.tsx renamed to docs/src/components/HomePageHeader/index.tsx docs/src/pages/HomepageHeader.tsx renamed to docs/src/components/HomePageHeader/index.tsx

@@ -1,11 +1,12 @@
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
-import { HeaderButtons } from './components/HeaderButtons'
-import { ImageSlider } from './components/ImageSlider'
-import styles from './index.module.css'
+
+import styles from './styles.module.css'
 import Heading from '@theme/Heading'
 import clsx from 'clsx'
+import HeaderButtons from './HeaderButtons'
+import ImageSlider from './ImageSlider'
 
-export function HomepageHeader() {
+export default function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext()
 
   return (

docs/src/pages/index.module.css …ponents/HomePageHeader/styles.module.cssdocs/src/pages/index.module.css renamed to docs/src/components/HomePageHeader/styles.module.css docs/src/pages/index.module.css renamed to docs/src/components/HomePageHeader/styles.module.css

@@ -1,6 +1,6 @@
 import HomepageFeatures from '@site/src/components/HomepageFeatures'
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
-import { HomepageHeader } from './HomepageHeader'
+import HomepageHeader from '@site/src/components/HomePageHeader'
 import Layout from '@theme/Layout'
 
 export default function Home(): JSX.Element {