feat: change banner introducing "Book a demo" (#197)

* feat: change banner * feat: add noBorder prop to <Tabs /> * feat: upgrade design-system --------- Co-authored-by: Luca Tagliabue <[email protected]>
radicalbit · Nov 18, 2024 · 7842eb1 · 7842eb1
1 parent 9358296
commit 7842eb1
Show file tree

Hide file tree

Showing 14 changed files with 19 additions and 7 deletions.
diff --git a/ui/package.json b/ui/package.json
@@ -17,7 +17,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.5.2",
     "@grafana/faro-react": "^1.8.2",
     "@radicalbit/formbit": "1.0.0",
-    "@radicalbit/radicalbit-design-system": "^1.4.0",
+    "@radicalbit/radicalbit-design-system": "^1.5.0",
     "@reduxjs/toolkit": "^2.2.4",
     "@vitejs/plugin-react": "^4.2.1",
     "ace-builds": "^1.33.2",

diff --git a/ui/src/components/modals/current-import-detail-modal/body.jsx b/ui/src/components/modals/current-import-detail-modal/body.jsx
@@ -38,6 +38,7 @@ function Body() {
           activeKey={activeTab}
           fullHeight
           items={tabs}
+          noBorder
           onChange={onChangeTab}
         />
       </div>

diff --git a/ui/src/constants.js b/ui/src/constants.js
@@ -22,6 +22,7 @@ export const PathsEnum = {
 };
 
 export const ExternalPathsEnum = {
+  BOOK_A_DEMO: 'https://radicalbit.ai/book-a-demo/',
   DOCUMENTATION: 'https://docs.oss-monitoring.radicalbit.ai',
   QUICKSTART: 'https://docs.oss-monitoring.radicalbit.ai/quickstart',
   IFRAME_VIDEO: 'https://www.youtube.com/embed/ujwyS8qGeaA?list=PLHWiJP04eQdoYLIO5kioLrO0Z7gIvEo3_',

diff --git a/ui/src/container/launchpad/top-row/index.jsx b/ui/src/container/launchpad/top-row/index.jsx
@@ -114,7 +114,7 @@ function YoutubeVideoBoard() {
 
 function TrialBoard() {
   const handleOnclick = () => {
-    window.open(ExternalPathsEnum.FREE_TRIAL, '_blank');
+    window.open(ExternalPathsEnum.BOOK_A_DEMO, '_blank');
   };
 
   return (
@@ -128,7 +128,7 @@ function TrialBoard() {
           <SectionTitle
             size="large"
             style={{ color: 'var(--coo-highlight)' }}
-            title="Start your free trial!"
+            title="Book a demo"
             titleWeight="bold"
             wrapTitle
           />

diff --git a/ui/src/container/models/Details/binary-classification/current/index.jsx b/ui/src/container/models/Details/binary-classification/current/index.jsx
@@ -56,6 +56,7 @@ export default function CurrentDashboard() {
         activeKey={activeTab}
         fullHeight
         items={tabs}
+        noBorder
         onChange={onChangeTab}
       />
     </div>

diff --git a/ui/src/container/models/Details/binary-classification/overview/index.jsx b/ui/src/container/models/Details/binary-classification/overview/index.jsx
@@ -41,6 +41,7 @@ function Overview() {
       animated={false}
       fullHeight
       items={tabs}
+      noBorder
       onChange={handleOnChange}
     />
   );

diff --git a/ui/src/container/models/Details/binary-classification/reference/index.jsx b/ui/src/container/models/Details/binary-classification/reference/index.jsx
@@ -54,6 +54,7 @@ export default function ReferenceDashboard() {
         activeKey={activeTab}
         fullHeight
         items={tabs}
+        noBorder
         onChange={onChangeTab}
       />
     </div>

diff --git a/ui/src/container/models/Details/multi-classification/current/index.jsx b/ui/src/container/models/Details/multi-classification/current/index.jsx
@@ -57,6 +57,7 @@ export default function CurrentDashboard() {
         activeKey={activeTab}
         fullHeight
         items={tabs}
+        noBorder
         onChange={onChangeTab}
       />
     </div>

diff --git a/ui/src/container/models/Details/multi-classification/overview/index.jsx b/ui/src/container/models/Details/multi-classification/overview/index.jsx
@@ -41,6 +41,7 @@ function Overview() {
       animated={false}
       fullHeight
       items={tabs}
+      noBorder
       onChange={handleOnChange}
     />
   );

diff --git a/ui/src/container/models/Details/multi-classification/reference/index.jsx b/ui/src/container/models/Details/multi-classification/reference/index.jsx
@@ -54,6 +54,7 @@ export default function ReferenceDashboard() {
         activeKey={activeTab}
         fullHeight
         items={tabs}
+        noBorder
         onChange={onChangeTab}
       />
     </div>

diff --git a/ui/src/container/models/Details/regression/current/index.jsx b/ui/src/container/models/Details/regression/current/index.jsx
@@ -56,6 +56,7 @@ export default function CurrentDashboard() {
         activeKey={activeTab}
         fullHeight
         items={tabs}
+        noBorder
         onChange={onChangeTab}
       />
     </div>

diff --git a/ui/src/container/models/Details/regression/overview/index.jsx b/ui/src/container/models/Details/regression/overview/index.jsx
@@ -42,6 +42,7 @@ function Overview() {
       animated={false}
       fullHeight
       items={tabs}
+      noBorder
       onChange={handleOnChange}
     />
   );

diff --git a/ui/src/container/models/Details/regression/reference/index.jsx b/ui/src/container/models/Details/regression/reference/index.jsx
@@ -55,6 +55,7 @@ export default function ReferenceDashboard() {
         activeKey={activeTab}
         fullHeight
         items={tabs}
+        noBorder
         onChange={onChangeTab}
       />
     </div>

diff --git a/ui/yarn.lock b/ui/yarn.lock
@@ -814,10 +814,10 @@
   dependencies:
     yup "^1.4.0"
 
-"@radicalbit/radicalbit-design-system@^1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@radicalbit/radicalbit-design-system/-/radicalbit-design-system-1.4.0.tgz#4a314218f68df30819189d6cda68227e67249c36"
-  integrity sha512-LVxgEa2ssFP5K03XALWcC/fKOqVS1afP7BrufQrrB8nLcceQpDZuBpLww+ZYLGad1VIIjdt6I1vPLnMXjVvFqA==
+"@radicalbit/radicalbit-design-system@^1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@radicalbit/radicalbit-design-system/-/radicalbit-design-system-1.5.0.tgz#730c431fc8916d61fb3739c72c26829a7acad974"
+  integrity sha512-7OkmXnk77BmmOD/0NCPZal2UnwWL6v/33S7JfbDRyqWQX1ctRX6VJzgZV0PPKUamRukIEYCLyleazG/i/tb2zw==
   dependencies:
     "@babel/polyfill" "7.12.1"
     "@fortawesome/fontawesome-svg-core" "^6.5.1"
@@ -5417,6 +5417,7 @@ string-convert@^0.2.0:
   integrity sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A==
 
 "string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0:
+  name string-width-cjs
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==