fix: disable old version

2025-12-18 10:13:52 +03:30
parent 877c0e6b33
commit 4c00296f5c
3 changed files with 159 additions and 217 deletions
@@ -1,22 +1,17 @@
-import React, { useEffect, useState } from 'react';
-import axios from "axios";
-import AppContainer from "./appContainer";
-import { AppFile, AppUrl } from "../lib/api";
-import Image from "next/image";
-import dynamic from "next/dynamic";
+import React, { useEffect, useState } from 'react'
+import axios from 'axios'
+import AppContainer from './appContainer'
+import { AppFile, AppUrl } from '../lib/api'
+import Image from 'next/image'
+import dynamic from 'next/dynamic'
 import { Suspense } from 'react'

-import {
-    MDBBtn,
-    MDBCol,
-    MDBContainer,
-    MDBRow,
-} from "mdb-react-ui-kit";
-import { LightBox } from "react-lightbox-pack";
-import { Button, Divider, Tab, TabList, TabPanel, TabPanels, Tabs } from "@chakra-ui/react";
+import { MDBBtn, MDBCol, MDBContainer, MDBRow } from 'mdb-react-ui-kit'
+import { LightBox } from 'react-lightbox-pack'
+import { Button, Divider, Tab, TabList, TabPanel, TabPanels, Tabs } from '@chakra-ui/react'

 const APV = dynamic(() => import('./components/Videos'), {
-    ssr: false,
+  ssr: false
 })
 const shimmer = (w, h) => `
 <svg width="${w}" height="${h}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -32,138 +27,67 @@ const shimmer = (w, h) => `
  <animate xlink:href="#r" attributeName="x" from="-${w}" to="${w}" dur="1s" repeatCount="indefinite"  />
 </svg>`

-const toBase64 = (str) =>
-    typeof window === 'undefined'
-        ? Buffer.from(str).toString('base64')
-        : window.btoa(str)
+const toBase64 = str => (typeof window === 'undefined' ? Buffer.from(str).toString('base64') : window.btoa(str))

-const Gallery = (dataImage) => {
-    const [Images, SetImages] = useState(dataImage)
-    const [justifyActive, setJustifyActive] = React.useState('tab1');
-    const [toggle, setToggle] = React.useState(false);
-    const [sIndex, setSIndex] = React.useState(0);
-    const [filterId, setFilterId] = React.useState(1);
-    const Parallax = ({ quality }) => {
-        return `../resource/parallax/Gallery.jpg`;
-    }
-    const Filter = async (filter) => {
-        const res = await axios.get(AppUrl(`FilterGalleyImages/${filter}`));
-        SetImages({ dataImage: res.data })
-        setFilterId(filter)
+const Gallery = dataImage => {
+  const [Images, SetImages] = useState(dataImage)
+  const [justifyActive, setJustifyActive] = React.useState('tab1')
+  const [toggle, setToggle] = React.useState(false)
+  const [sIndex, setSIndex] = React.useState(0)
+  const [filterId, setFilterId] = React.useState(1)
+  const Parallax = ({ quality }) => {
+    return `../resource/parallax/Gallery.jpg`
+  }
+//   const Filter = async filter => {
+//     const res = await axios.get(AppUrl(`FilterGalleyImages/${filter}`))
+//     SetImages({ dataImage: res.data })
+//     setFilterId(filter)
+//   }
+
+//   const AllImage = async () => {
+//     const res = await axios.get(AppUrl(`GetGalleyImages`))
+//     SetImages({ dataImage: res.data })
+//   }
+
+  // Handler
+//   const lightBoxHandler = (state, sIndex) => {
+//     setToggle(state)
+//     setSIndex(sIndex)
+//   }
+
+  const handleJustifyClick = value => {
+    if (value === justifyActive) {
+      return
    }

-    const AllImage = async () => {
-        const res = await axios.get(AppUrl(`GetGalleyImages`));
-        SetImages({ dataImage: res.data })
-    }
-
-    // Handler
-    const lightBoxHandler = (state, sIndex) => {
-        setToggle(state);
-        setSIndex(sIndex);
-    };
-
-    const handleJustifyClick = (value) => {
-        if (value === justifyActive) {
-            return;
-        }
-
-        setJustifyActive(value);
-    };
-    return (
-        <div>
-            <style jsx>
-                {`
-                  .cardImage {
-                    background-color: #F3F4F6;
-                    padding: 5px;
-                    border-radius: 1rem;
-                    display: flex;
-                    flex-direction: column;
-                    justify-content: center;
-                    align-items: center;
-                    margin: 2px;
-                  }
-                `}
-            </style>
-            <AppContainer>
-                <div className="parallax-container">
-                    <h1 className={'center-align text-white header_back service-text dana font-weight-bold'}> گالری بیمارستان  </h1>
-                    <Image
-                        loader={Parallax}
-                        src="Parallax.png"
-                        className={'responsive-img shadow-5'}
-                        placeholder="blur"
-                        blurDataURL={`data:image/svg+xml;base64,${toBase64(shimmer(3000, 1300))}`}
-                        alt="درباره بیارستان مهر ایرانیان پرند "
-                        width={3000}
-                        height={1300}
-                    />
-                </div>
-                <div className='lg:mx-20 sm:mx-5'>
-                    <Tabs defaultIndex={1} className={'mt-5'} isFitted variant='enclosed'>
-                        <TabList mb='1em'>
-                            {/* <Tab on className={'bk font-weight-bold'} _selected={{ color: 'white', bg: 'teal.500' }}>ویدئو ها</Tab> */}
-                            <Tab className={'bk font-weight-bold'} _selected={{ color: 'white', bg: 'teal.500' }}>تصاویر</Tab>
-                        </TabList>
-
-                    </Tabs>
-                    <div style={{ flexDirection: 'column' }} className={'flex justify-content-end flex-xl-row flex-lg-row flex-md-column flex-sm-column'}>
-                        <MDBBtn onClick={() => Filter(2)} color={filterId === 2 ? 'light' : 'light'} className={filterId === 2 ? 'm-2' : 'm-2 text-dark'}>تصاویر در حال ساخت</MDBBtn>
-                        <MDBBtn onClick={() => Filter(1)} color={filterId === 1 ? 'light' : 'light'} className={'m-2'}>تصاویر معماری</MDBBtn>
-                        <MDBBtn onClick={() => AllImage()} color={filterId !== 1 && 2 ? 'light' : 'light'} className={'m-2'}>همه تصاویر </MDBBtn>
-                    </div>
-                    <Divider colorScheme={'gray'} />
-                    <MDBRow style={{ marginTop: 10 }}>
-                        {Images && Images.dataImage.map((image, index) => {
-                            return (
-                                <MDBCol xs={12} sm={12} md={6} lg={3}>
-                                    <div className={'cardImage'} key={image.id}>
-                                        <img
-                                            key={image.id}
-                                            alt={image.title}
-                                            width={350}
-                                            style={{ cursor: 'zoom-in' }}
-                                            className={'responsive-img'}
-                                            src={AppFile(`panel-public/uploads/HospitalGallery/${image.imageAddr}`)}
-                                            onClick={() => {
-                                                lightBoxHandler(true, index);
-                                            }}
-                                        />
-                                        <br />
-                                        <span>{image.title}</span>
-                                    </div>
-                                </MDBCol>
-                            )
-                        })}
-                    </MDBRow>
-                    <LightBox
-                        state={toggle}
-                        event={lightBoxHandler}
-                        data={Images.dataImage}
-                        imageWidth="60vw"
-                        imageHeight="70vh"
-                        thumbnailHeight={50}
-                        thumbnailWidth={50}
-                        setImageIndex={setSIndex}
-                        imageIndex={sIndex}
-                    />
-                    <br />
-                    <br />
-                    <br />
-                    <br />
-                </div>
-            </AppContainer>
-
-        </div>
-    );
-};
-export async function getServerSideProps(context) {
-    const res = await axios.get(AppUrl('GetGalleyImages'));
-    return {
-        props: {
-            dataImage: res.data
-        }, // will be passed to the page component as props
-    }
+    setJustifyActive(value)
+  }
+  return (
+    <div>
+      <style jsx>
+        {`
+          .cardImage {
+            background-color: #f3f4f6;
+            padding: 5px;
+            border-radius: 1rem;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            margin: 2px;
+          }
+        `}
+      </style>
+      <AppContainer></AppContainer>
+    </div>
+  )
 }
-export default Gallery;
+export async function getServerSideProps(context) {
+  // const res = await axios.get(AppUrl('GetGalleyImages'));
+  return {
+    props: {
+      dataImage: null
+    } // will be passed to the page component as props
+  }
+}
+export default Gallery
@@ -1,41 +1,70 @@
-import React from 'react';
+import React from 'react'
 import {
-    MDBCard,
-    MDBCardImage,
-    MDBCardBody,
-    MDBCardTitle,
-    MDBCardText,
-    MDBRow,
-    MDBCol,
-    MDBContainer, MDBCardHeader, MDBBtn, MDBIcon, MDBInputGroupText, MDBTypography
-} from 'mdb-react-ui-kit';
-import axios from "axios";
-import Link from "next/link";
-import AppContainer from "./appContainer";
+  MDBCard,
+  MDBCardImage,
+  MDBCardBody,
+  MDBCardTitle,
+  MDBCardText,
+  MDBRow,
+  MDBCol,
+  MDBContainer,
+  MDBCardHeader,
+  MDBBtn,
+  MDBIcon,
+  MDBInputGroupText,
+  MDBTypography
+} from 'mdb-react-ui-kit'
+import axios from 'axios'
+import Link from 'next/link'
+import AppContainer from './appContainer'
 import { useRouter } from 'next/router'
-import {AppUrl} from "../lib/api";
-import {DownloadIcon} from "@chakra-ui/icons";
+import { AppUrl } from '../lib/api'
+import { DownloadIcon } from '@chakra-ui/icons'

-const News = ({data, children}) => {
-    const router = useRouter();
-    const query = router.query.list;
+const News = ({ data, children }) => {
+  const router = useRouter()
+  const query = router.query.list

-    const dataPage = (
-        <div className='lg:mx-20 sm:mx-5'>
-            <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>اطلاعیه  ها </h5>
-            <hr />
-            <div>
-                <MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px  solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
-                    <DownloadIcon className={'ml-2'} />
-                    <a title={'دانلود دفترچه معرفی و فروش سهام عمومی بیمارستان تخصصی مهر ایرانیان پرند'} download href={'./take-stock.pdf'}>                    دانلود دفترچه معرفی و فروش سهام عمومی بیمارستان تخصصی مهر پرند</a>
-                </MDBTypography>
-                <MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px  solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
-                    <DownloadIcon className={'ml-2'} />
-                    <a title={'دانلود طرح توجیهی  بیمارستان تخصصی مهر ایرانیان پرند'} download href={'./Explanatory_plan_of_Mehr_ranian_Parand_Hospital.pdf'}>                   دانلود طرح توجیهی  بیمارستان تخصصی مهر ایرانیان پرند</a>
-                </MDBTypography>
-            </div>
-            <br />
-            <MDBRow dir={'rtl'} className='row-cols-1 row-cols-md-3 g-4'>
+  const dataPage = (
+    <div className='lg:mx-20 sm:mx-5'>
+      <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
+        اطلاعیه ها{' '}
+      </h5>
+      <hr />
+      <div>
+        <MDBTypography
+          style={{ direction: 'rtl', borderRadius: '6px solid', borderRight: '6px  solid #1266f1', borderLeft: 'none' }}
+          note
+          noteColor='primary'
+        >
+          <DownloadIcon className={'ml-2'} />
+          <a
+            title={'دانلود دفترچه معرفی و فروش سهام عمومی بیمارستان تخصصی مهر ایرانیان پرند'}
+            download
+            href={'./take-stock.pdf'}
+          >
+            {' '}
+            دانلود دفترچه معرفی و فروش سهام عمومی بیمارستان تخصصی مهر پرند
+          </a>
+        </MDBTypography>
+        <MDBTypography
+          style={{ direction: 'rtl', borderRadius: '6px solid', borderRight: '6px  solid #1266f1', borderLeft: 'none' }}
+          note
+          noteColor='primary'
+        >
+          <DownloadIcon className={'ml-2'} />
+          <a
+            title={'دانلود طرح توجیهی  بیمارستان تخصصی مهر ایرانیان پرند'}
+            download
+            href={'./Explanatory_plan_of_Mehr_ranian_Parand_Hospital.pdf'}
+          >
+            {' '}
+            دانلود طرح توجیهی بیمارستان تخصصی مهر ایرانیان پرند
+          </a>
+        </MDBTypography>
+      </div>
+      <br />
+      {/* <MDBRow dir={'rtl'} className='row-cols-1 row-cols-md-3 g-4'>
                {data && data.map(({ id, slug, title }) => (
                    <MDBCol key={id}>
                        <Link href={`page/news/${id}`} >
@@ -55,27 +84,22 @@ const News = ({data, children}) => {
                        </Link>
                    </MDBCol>
                ))}
-            </MDBRow>
-            {children}
-        </div>
-    )
-    return (
-        <div>
-            {/* {query ? <AppContainer children={dataPage} title={'اطلاعیه ها '} /> : dataPage} */}
-        </div>
-    );
-};
+            </MDBRow> */}
+      {children}
+    </div>
+  )
+  return <div>{/* {query ? <AppContainer children={dataPage} title={'اطلاعیه ها '} /> : dataPage} */}</div>
+}

-export default News;
+export default News

-
-export const getServerSideProps =  async (context) => {
-        const allPostsData = await axios.get(AppUrl('news'));
-        const data = await allPostsData.data;
-    return {
-        props: {
-            data,
-            fallback:false
-        }, // will be passed to the page component as props
-    }
-}
+export const getServerSideProps = async context => {
+//   const allPostsData = await axios.get(AppUrl('news'))
+//   const data = await allPostsData.data
+  return {
+    props: {
+      data: null,
+      fallback: false
+    } // will be passed to the page component as props
+  }
+}
@@ -2,13 +2,7 @@ import AppContainer from './appContainer'
 import Slider from './components/slider'
 import News from './News'
 import axios from 'axios'
-import {
-  MDBBtn,
-  MDBCard,
-  MDBCardBody,
-  MDBContainer,
-  MDBIcon,
-} from 'mdb-react-ui-kit'
+import { MDBBtn, MDBCard, MDBCardBody, MDBContainer, MDBIcon } from 'mdb-react-ui-kit'
 import Link from 'next/link'
 import Paralax from './components/Paralax'
 import Service from './components/service'
@@ -41,11 +35,11 @@ export default function Home({ data_NEWS }) {
        <br />
        <div className='lg:mx-20 sm:mx-5'>
          <SimpleGrid spacing={15} columns={[1, 2, 2]}>
-              <Link href={'/page/contact-us'}>
-                <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
-                  <MDBCardBody className={'flex justify-content-center'}>ارتباط با ما</MDBCardBody>
-                </MDBCard>
-              </Link>
+            <Link href={'/page/contact-us'}>
+              <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
+                <MDBCardBody className={'flex justify-content-center'}>ارتباط با ما</MDBCardBody>
+              </MDBCard>
+            </Link>
            {/* <Link href={'/page/sales'}>
              <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
                <MDBCardBody className={'flex justify-content-center'}> مشاوره سرمایه گذاری </MDBCardBody>
@@ -114,10 +108,10 @@ export default function Home({ data_NEWS }) {
 }

 export const getServerSideProps = async context => {
-  const allPostsData = await axios.get(AppUrl('news'))
-  const data_NEWS = await allPostsData.data.slice(0, 6)
+  // const allPostsData = await axios.get(AppUrl('news'))
+  // const data_NEWS = await allPostsData.data.slice(0, 6)

  return {
-    props: { data_NEWS, fallback: false } // will be passed to the page component as props
+    props: { data_NEWS: null, fallback: false } // will be passed to the page component as props
  }
 }