Merge pull request #643 from AlphadayHQ/dev

v3.5.6 - Kasandra History Feature Flag + Safari Bug Fix

Author: Xavier-Charles

packages/frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@alphaday/frontend",
   "private": true,
-  "version": "3.5.5",
+  "version": "3.5.6",
   "type": "module",
   "scripts": {
     "prepare": "export VITE_COMMIT=$(git rev-parse --short HEAD)",

packages/frontend/src/api/services/kasandra/types.ts

@@ -69,6 +69,7 @@ export type TGetInsightsRequest = {
     coin: string;
     interval: TChartRange;
     limit?: number;
+    type?: "prediction" | "history";
 };
 export type TGetInsightsRawResponse = TPagination & {
     results: TRemoteInsight[];

packages/frontend/src/components/kasandra/KasandraItem.tsx

@@ -218,7 +218,7 @@ const KasandraItem: FC<{
                     className={twMerge(
                         "desc fontGroup-normal pointer-events-none h-2.5 opacity-0 ease-[ease] transition-all duration-300",
                         openAccordion &&
-                            "line-clamp-6 pointer-events-auto overflow-hidden text-ellipsis opacity-100 ease-[ease] transition-all duration-300"
+                            "line-clamp-6 pointer-events-auto overflow-hidden text-ellipsis opacity-100 ease-[ease] transition-all duration-300 mb-2"
                     )}
                     style={{
                         height: openAccordion
@@ -227,11 +227,14 @@ const KasandraItem: FC<{
                     }}
                 >
                     {openAccordion && (
-                        <div className="info ml-5 px-2 pr-3 pt-2 rounded-sm min-h-[45px] [align-self:normal]">
-                            <div className="wrap flex flex-wrap text-primary whitespace-pre-wrap [&>p]:mb-2 [&>p]:w-full [&>p]:inline">
+                        <div className="info ml-5 px-2 pr-3 rounded-sm min-h-full [align-self:normal]">
+                            <div
+                                className={twMerge(
+                                    "wrap min-h-full inline text-primary whitespace-pre-wrap [&>p]:mt-2 [&>p]:w-full [&>p]:inline-block" // mb-2 does not work for some reason
+                                )}
+                            >
                                 <ReactMarkdown>{item.rationale}</ReactMarkdown>
                             </div>
-                            <br />
                             {/* {itemSources && (
                                 <>
                                     <div className="flex flex-wrap gap-1">

packages/frontend/src/constants.ts

@@ -33,6 +33,7 @@ export enum EFeaturesRegistry {
     WalletBoard = "wallet_board",
     Notifications = "notification",
     MobileApp = "mobile_app",
+    KasandraHistory = "kasandra_history",
     TranslationFr = "translation_fr",
     TranslationEs = "translation_es",
     TranslationTr = "translation_tr",

packages/frontend/src/containers/kasandra/KasandraContainer.tsx

@@ -1,5 +1,9 @@
 import { FC, useEffect, useMemo, useCallback, Suspense } from "react";
-import { useGlobalSearch, useWidgetHeight } from "src/api/hooks";
+import {
+    useFeatureFlags,
+    useGlobalSearch,
+    useWidgetHeight,
+} from "src/api/hooks";
 import { useCustomAnalytics } from "src/api/hooks/useCustomAnalytics";
 import {
     useGetKasandraCoinsQuery,
@@ -17,7 +21,7 @@ import KasandraModule from "src/components/kasandra/KasandraModule";
 import { TMarketMeta } from "src/components/kasandra/types";
 import { ModuleLoader } from "src/components/moduleLoader/ModuleLoader";
 import CONFIG from "src/config";
-import { EWidgetSettingsRegistry } from "src/constants";
+import { EFeaturesRegistry, EWidgetSettingsRegistry } from "src/constants";
 import { IModuleContainer } from "src/types";
 import BaseContainer from "../base/BaseContainer";
 
@@ -28,6 +32,10 @@ const KasandraContainer: FC<IModuleContainer> = ({ moduleData }) => {
     );
     const WIDGET_HEIGHT = useWidgetHeight(moduleData);
 
+    const { enabled: isKasandraHistoryAllowed } = useFeatureFlags(
+        EFeaturesRegistry.KasandraHistory
+    );
+
     const isAuthenticated = useAppSelector(selectIsAuthenticated);
     const { logButtonClicked } = useCustomAnalytics();
 
@@ -124,6 +132,7 @@ const KasandraContainer: FC<IModuleContainer> = ({ moduleData }) => {
     const { data: insights } = useGetInsightsQuery({
         coin: selectedMarket?.slug,
         interval: selectedChartRange,
+        type: isKasandraHistoryAllowed ? undefined : "prediction",
         limit: 30,
     });
 

packages/frontend/src/containers/kasandra/KasandraTimelineContainer.tsx

@@ -1,5 +1,5 @@
 import { FC, useEffect, useCallback, useMemo } from "react";
-import { useView, useWidgetHeight } from "src/api/hooks";
+import { useFeatureFlags, useView, useWidgetHeight } from "src/api/hooks";
 import { useCustomAnalytics } from "src/api/hooks/useCustomAnalytics";
 import {
     useGetKasandraCoinsQuery,
@@ -15,14 +15,18 @@ import { Logger } from "src/api/utils/logging";
 import KasandraTimelineModule from "src/components/kasandra/KasandraTimelineModule";
 import { TMarketMeta } from "src/components/market/types";
 import CONFIG from "src/config";
-import { ETemplateNameRegistry } from "src/constants";
+import { EFeaturesRegistry, ETemplateNameRegistry } from "src/constants";
 import { IModuleContainer } from "src/types";
 
 const KasandraTimelineContainer: FC<IModuleContainer> = ({ moduleData }) => {
     const dispatch = useAppDispatch();
     const isAuthenticated = useAppSelector(userStore.selectIsAuthenticated);
     const { logButtonClicked } = useCustomAnalytics();
 
+    const { enabled: isKasandraHistoryAllowed } = useFeatureFlags(
+        EFeaturesRegistry.KasandraHistory
+    );
+
     const { selectedView } = useView();
 
     const KasandraWidgetTemplateSlug = `${ETemplateNameRegistry.Kasandra.toLowerCase()}_template`;
@@ -129,6 +133,7 @@ const KasandraTimelineContainer: FC<IModuleContainer> = ({ moduleData }) => {
             coin: selectedMarket?.slug,
             interval: selectedChartRange,
             limit: 30,
+            type: isKasandraHistoryAllowed ? undefined : "prediction",
         });
 
     const logData = useMemo(() => {

yarn.lock

@@ -14479,12 +14479,13 @@ [email protected]:
   integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
 
 sha.js@^2.4.0, sha.js@^2.4.11, sha.js@^2.4.8, sha.js@~2.4.4:
-  version "2.4.11"
-  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.11.tgz#37a5cf0b81ecbc6943de109ba2960d1b26584ae7"
-  integrity sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==
+  version "2.4.12"
+  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.12.tgz#eb8b568bf383dfd1867a32c3f2b74eb52bdbf23f"
+  integrity sha512-8LzC5+bvI45BjpfXU8V5fdU2mfeKiQe1D1gIMn7XUlF3OTUrpdJpPPH4EMAnF0DsHHdSZqCdSss5qCmJKuiO3w==
   dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
+    inherits "^2.0.4"
+    safe-buffer "^5.2.1"
+    to-buffer "^1.2.0"
 
 [email protected]:
   version "1.1.0"
@@ -15699,6 +15700,15 @@ tmp@~0.2.1:
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.2.3.tgz#eb783cc22bc1e8bebd0671476d46ea4eb32a79ae"
   integrity sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==
 
+to-buffer@^1.2.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/to-buffer/-/to-buffer-1.2.1.tgz#2ce650cdb262e9112a18e65dc29dcb513c8155e0"
+  integrity sha512-tB82LpAIWjhLYbqjx3X4zEeHN6M8CiuOEy2JY8SEQVdYRe3CCHOFaqrBW1doLDrfpWhplcW7BL+bO3/6S3pcDQ==
+  dependencies:
+    isarray "^2.0.5"
+    safe-buffer "^5.2.1"
+    typed-array-buffer "^1.0.3"
+
 to-data-view@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/to-data-view/-/to-data-view-1.1.0.tgz#08d6492b0b8deb9b29bdf1f61c23eadfa8994d00"