Minor UI improvements and bugfixes

G-Yachts · Oct 24, 2024 · 98d51b5 · 98d51b5
1 parent be9a118
commit 98d51b5
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 11 deletions.
diff --git a/web/components/yachts/yacht/brokerino.tsx b/web/components/yachts/yacht/brokerino.tsx
@@ -26,7 +26,6 @@ const Brokerino = ({ brokerino }: { brokerino: IBrokerino }) => (
           </div>
           <div className={"flex justify-end items-center gap-[1vh] flex-wrap"}>
             {brokerino.socials.map((network) => {
-              console.log(network);
               const Icon = ({
                 platform,
               }: {

diff --git a/web/components/yachts/yacht/details.tsx b/web/components/yachts/yacht/details.tsx
@@ -46,7 +46,7 @@ const Details = () => {
     { currency, units } = useViewContext(),
     [photo, setPhoto] = useState<number | null>(null),
     [disabled, disable] = useState<boolean>(false),
-    [expanded, expand] = useState<boolean>(false),
+    [expanded, expand] = useState<boolean>(data.description.length <= 1229),
     t = useTranslations("yacht.details"),
     locale = useLocale() as "en" | "fr",
     [generating, generate] = useState<{ popup: boolean; state: boolean }>({
@@ -170,13 +170,21 @@ const Details = () => {
                 </>
               )}
             </div>
-            <button
-              type={"button"}
-              onClick={() => generate((prev) => ({ ...prev, popup: false }))}
-              className={`glass-button glass-button-dark ${generating.state && "hidden"}`}
-            >
-              {t("dismiss")}
-            </button>
+            {generating.state ? (
+              <p className={"text-rock-300"}>
+                &#x2248;{" "}
+                {((17.54 + 3.42 * data.photos.gallery.length) / 60).toFixed(0)}
+                <label className={"text-rock-300"}>min</label>
+              </p>
+            ) : (
+              <button
+                type={"button"}
+                onClick={() => generate((prev) => ({ ...prev, popup: false }))}
+                className={`glass-button glass-button-dark`}
+              >
+                {t("dismiss")}
+              </button>
+            )}
           </motion.div>
         )}
       </AnimatePresence>
@@ -229,6 +237,7 @@ const Details = () => {
             <SwitchView props={{ view: "features", label: t("features") }} />
           )}
           <button
+            type={"button"}
             onClick={async () => {
               generate({ popup: true, state: true });
               brochurize({

diff --git a/web/context/view.tsx b/web/context/view.tsx
@@ -81,8 +81,6 @@ export const ViewProvider = ({ children }: { children: React.ReactNode }) => {
       setBookmarks(bookmarks.filter((bookmark) => bookmark !== id));
     };
 
-  console.log(`COOKIES AGREEMENT HERE ===> ${Cookies.get("cookiesAgreed")}`);
-
   useEffect(() => {
     const assignRates = async () => {
       const cached = {