- {img && 
}
-
-
-
-
- );
-}
diff --git a/src/preview /lib/MapWidget/components/TrackAttractions/AttractionMarker.tsx b/src/preview /lib/MapWidget/components/TrackAttractions/AttractionMarker.tsx
deleted file mode 100644
index b0d8d4b..0000000
--- a/src/preview /lib/MapWidget/components/TrackAttractions/AttractionMarker.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Marker, Point } from 'react-simple-maps';
-import { Icons } from '@mt/components';
-import { AttractionGroupIconSizeType } from '@mt/common-types';
-
-import styles from './AttractionMarker.module.css';
-import cn from 'classnames';
-
-interface Props {
- coordinates: Point;
- rotate: number;
- size: AttractionGroupIconSizeType;
- counter?: number;
-}
-
-export const AttractionMarker = ({ coordinates, counter = 0, rotate, size }: Props) => {
- return (
-
-
- {localizeText(title)}
- -{localizeText(subtitle)}
- - -
-
- {counter}
}
-
+ {img && (
+
+ )}
+
+
+
+
+ );
+}
diff --git a/src/preview /lib/AttractionWidget/AttractionWidget.css b/src/preview/components/AttractionWidget/AttractionWidget.css
similarity index 100%
rename from src/preview /lib/AttractionWidget/AttractionWidget.css
rename to src/preview/components/AttractionWidget/AttractionWidget.css
diff --git a/src/preview /lib/AttractionWidget/AttractionWidget.tsx b/src/preview/components/AttractionWidget/AttractionWidget.tsx
similarity index 69%
rename from src/preview /lib/AttractionWidget/AttractionWidget.tsx
rename to src/preview/components/AttractionWidget/AttractionWidget.tsx
index e349404..b682909 100644
--- a/src/preview /lib/AttractionWidget/AttractionWidget.tsx
+++ b/src/preview/components/AttractionWidget/AttractionWidget.tsx
@@ -1,13 +1,12 @@
-import React, { HTMLAttributes, useEffect } from 'react';
-import { useServerLocalization } from '@mt/i18n';
-import cn from 'classnames';
-import { useSwipeable } from 'react-swipeable';
-import { ArticleBase } from '@mt/common-types';
-import './AttractionWidget.css';
-import { usePrevious } from '@mt/utils';
-import { AttractionMedia } from './media/AttractionMedia';
-import { useStore } from 'react-admin';
-import { TouchScrollWrapper } from '../TouchScrollWrapper/TouchScrollWrapper';
+import React, { HTMLAttributes, useEffect, useState } from "react";
+import { useServerLocalization } from "@mt/i18n";
+import cn from "classnames";
+import { useSwipeable } from "react-swipeable";
+import { ArticleBase } from "@mt/common-types";
+import "./AttractionWidget.css";
+import { usePrevious } from "@mt/utils";
+import { AttractionMedia } from "./media/AttractionMedia";
+import { TouchScrollWrapper } from "../TouchScrollWrapper/TouchScrollWrapper";
export interface AttractionsWidgetProps extends HTMLAttributes
+
+ {localizeText(title)}
+ ++ {localizeText(subtitle)} +
+ + + handleClick(index)}
>
(
{localizeText(articles[0].text)}
}
+ {index !== 0 && (
+
+ {localizeText(articles[0].text)}
+
+ )}
{
@@ -12,13 +12,15 @@ export const AttractionMedia = memo(
if (!url) return null;
switch (type) {
- case 'IMAGE':
- return ();
// react-photo-sphere-viewer doesn't have exported types, so here's a bit of a hardcoded piece
- const photoSphereRef = useRef<{ stopAutoRotate: () => void }>();
+ const photoSphereRef = useRef(null);
const handlePhotoSphereFullscreenOpen = () => {
photoSphereRef.current?.stopAutoRotate();
setData({
- type: 'PHOTO_SPHERE',
+ type: "PHOTO_SPHERE",
imageUrl: url,
watermarkUrl,
});
@@ -35,18 +38,20 @@ export const PhotoSphereMedia = ({ url, watermarkUrl }: PhotoSphereMediaProps) =
ref={photoSphereRef}
key={url}
src={url}
- height={'350px'}
- width={'100%'}
- container={cn('widget-media', {
- 'media-with-watermark': watermarkUrl !== null,
+ height={"350px"}
+ width={"100%"}
+ container={cn("widget-media", {
+ "media-with-watermark": watermarkUrl !== null,
})}
moveInertia={false}
mousemove={true}
- navbar={['autorotate', 'zoom']}
+ navbar={["autorotate", "zoom"]}
keyboard={false}
loadingTxt="Загрузка..."
/>
- {watermarkUrl && 
}
+ {watermarkUrl && (
+
+ )}
{/* the following is a workaround to open lightbox-like preview in the middle of the screen instead of the real fullscreen */}
(
<>