From b858bd3cad81da41e63b9f8e807e41421ca4aa34 Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Wed, 8 May 2024 21:03:08 -0400
Subject: lots of api cleanup and cycle removal

---
 .../views/newlightbox/ExploreView/ExploreView.tsx  | 30 ++++++++++++----------
 1 file changed, 16 insertions(+), 14 deletions(-)

(limited to 'src/client/views/newlightbox/ExploreView/ExploreView.tsx')

diff --git a/src/client/views/newlightbox/ExploreView/ExploreView.tsx b/src/client/views/newlightbox/ExploreView/ExploreView.tsx
index a1d6375c4..f8c07cc43 100644
--- a/src/client/views/newlightbox/ExploreView/ExploreView.tsx
+++ b/src/client/views/newlightbox/ExploreView/ExploreView.tsx
@@ -1,32 +1,34 @@
-import './ExploreView.scss';
-import { IBounds, IExploreView, emptyBounds } from './utils';
-import { IRecommendation } from '../components';
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
 import * as React from 'react';
-import { NewLightboxView } from '../NewLightboxView';
 import { StrCast } from '../../../../fields/Types';
+import { NewLightboxView } from '../NewLightboxView';
+import './ExploreView.scss';
+import { IExploreView, emptyBounds } from './utils';
 
-export const ExploreView = (props: IExploreView) => {
+export function ExploreView(props: IExploreView) {
     const { recs, bounds = emptyBounds } = props;
 
     return (
-        <div className={`exploreView-container`}>
+        <div className="exploreView-container">
             {recs &&
                 recs.map(rec => {
-                    const x_bound: number = Math.max(Math.abs(bounds.max_x), Math.abs(bounds.min_x));
-                    const y_bound: number = Math.max(Math.abs(bounds.max_y), Math.abs(bounds.min_y));
+                    const xBound: number = Math.max(Math.abs(bounds.max_x), Math.abs(bounds.min_x));
+                    const yBound: number = Math.max(Math.abs(bounds.max_y), Math.abs(bounds.min_y));
                     if (rec.embedding) {
-                        const x = (rec.embedding.x / x_bound) * 50;
-                        const y = (rec.embedding.y / y_bound) * 50;
+                        const x = (rec.embedding.x / xBound) * 50;
+                        const y = (rec.embedding.y / yBound) * 50;
                         return (
-                            <div className={`exploreView-doc`} onClick={() => {}} style={{ top: `calc(50% + ${y}%)`, left: `calc(50% + ${x}%)` }}>
+                            <div className="exploreView-doc" onClick={() => {}} style={{ top: `calc(50% + ${y}%)`, left: `calc(50% + ${x}%)` }}>
                                 {rec.title}
                             </div>
                         );
-                    } else return null;
+                    }
+                    return null;
                 })}
-            <div className={`exploreView-doc`} style={{ top: `calc(50% + ${0}%)`, left: `calc(50% + ${0}%)`, background: '#073763', color: 'white' }}>
+            <div className="exploreView-doc" style={{ top: `calc(50% + ${0}%)`, left: `calc(50% + ${0}%)`, background: '#073763', color: 'white' }}>
                 {StrCast(NewLightboxView.LightboxDoc?.title)}
             </div>
         </div>
     );
-};
+}
-- 
cgit v1.2.3-70-g09d2

