- return <svg
- xmlns="http://www.w3.org/2000/svg"
- className="canvas"
- width="2"
- height="1"
- viewBox="0 0 2 1"
- onContextMenu={(e) => {
- e.preventDefault();
- e.stopPropagation();
- }}
- >
- <g className="light-world">
+ const layout = React.useMemo(() => {
+ if (config.mapLayout === 'vertical') {
+ return {
+ lwTransform: '',
+ dwTransform: 'translate(0 1)',
+ };
+ } else {
+ return {
+ lwTransform: 'scale(0.5)',
+ dwTransform: 'scale(0.5) translate(1 0)',
+ };
+ }
+ }, [config]);
+
+ return <>
+ <g className="light-world" transform={layout.lwTransform}>