@ludo.ninja/components 1.0.7 → 1.0.8

package/dist/components/shareDialog/index.jsx

@@ -1,17 +1,35 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { EmailShareButton, FacebookShareButton, // InstapaperShareButton,
-RedditShareButton, TelegramShareButton, TwitterShareButton, WhatsappShareButton, } from 'react-share';
+import {
+  EmailShareButton,
+  FacebookShareButton, // InstapaperShareButton,
+  RedditShareButton,
+  TelegramShareButton,
+  TwitterShareButton,
+  WhatsappShareButton,
+} from 'react-share';
 import styled from 'styled-components';
+
 import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
 import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
 import { copyToClipboard } from '@ludo.ninja/utils';
+
 import { useUiStore } from '@/store/ui';
+
 import { mediaQuery } from '@/styles/ScreenWidth';
 import { BlackColor, TextGrayColor } from '@/styles/colors';
+
 import { Flex, H1, H5 } from '@system';
+
+var __makeTemplateObject =
+  (this && this.__makeTemplateObject) ||
+  function (cooked, raw) {
+    if (Object.defineProperty) {
+      Object.defineProperty(cooked, 'raw', { value: raw });
+    } else {
+      cooked.raw = raw;
+    }
+    return cooked;
+  };
+
 // import CopyIcon from '@/public/share/copy-link-btn.svg';
 // import EmailIcon from '@/public/share/email-btn.svg';
 // import FacebookIcon from '@/public/share/facebook-btn.svg';
@@ -21,45 +39,228 @@ import { Flex, H1, H5 } from '@system';
 // import TwitterIcon from '@/public/share/twitter-btn.svg';
 // import WatsUpIcon from '@/public/share/whatsapp-btn.svg';
 // Styles
-var STitle = styled(H1)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: 24px;\n  color: ", ";\n  ", " {\n    margin-bottom: ", ";\n  }\n"], ["\n  margin-bottom: 24px;\n  color: ", ";\n  ", " {\n    margin-bottom: ", ";\n  }\n"])), BlackColor, mediaQuery.minWidthFourK, adaptiveValueCalc(24));
-var StyledShare = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  .shareButtons {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n    row-gap: 24px;\n    column-gap: 16px;\n    margin: 0 43px 33px 43px;\n    justify-content: center;\n\n    ", " {\n      grid-template-columns: 1fr 1fr;\n      justify-items: center;\n      align-items: center;\n    }\n  }\n\n  .shareBtn {\n    width: 108px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-direction: column;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n\n    img {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  ", " {\n    .shareButtons {\n      row-gap: ", ";\n      column-gap: ", ";\n      margin: 0 ", " ", "\n        ", ";\n    }\n\n    .shareBtn {\n      width: ", ";\n      height: ", ";\n\n      img {\n        width: ", ";\n        height: ", ";\n      }\n    }\n  }\n"], ["\n  .shareButtons {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n    row-gap: 24px;\n    column-gap: 16px;\n    margin: 0 43px 33px 43px;\n    justify-content: center;\n\n    ", " {\n      grid-template-columns: 1fr 1fr;\n      justify-items: center;\n      align-items: center;\n    }\n  }\n\n  .shareBtn {\n    width: 108px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-direction: column;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n\n    img {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  ", " {\n    .shareButtons {\n      row-gap: ", ";\n      column-gap: ", ";\n      margin: 0 ", " ", "\n        ", ";\n    }\n\n    .shareBtn {\n      width: ", ";\n      height: ", ";\n\n      img {\n        width: ", ";\n        height: ", ";\n      }\n    }\n  }\n"])), mediaQuery.mobile, mediaQuery.minWidthFourK, adaptiveValueCalc(24), adaptiveValueCalc(16), adaptiveValueCalc(43), adaptiveValueCalc(33), adaptiveValueCalc(43), adaptiveValueCalc(108), adaptiveValueCalc(64), adaptiveValueCalc(40), adaptiveValueCalc(40));
+var STitle = styled(H1)(
+  templateObject_1 ||
+    (templateObject_1 = __makeTemplateObject(
+      [
+        '\n  margin-bottom: 24px;\n  color: ',
+        ';\n  ',
+        ' {\n    margin-bottom: ',
+        ';\n  }\n',
+      ],
+      [
+        '\n  margin-bottom: 24px;\n  color: ',
+        ';\n  ',
+        ' {\n    margin-bottom: ',
+        ';\n  }\n',
+      ]
+    )),
+  BlackColor,
+  mediaQuery.minWidthFourK,
+  adaptiveValueCalc(24)
+);
+var StyledShare = styled.div(
+  templateObject_2 ||
+    (templateObject_2 = __makeTemplateObject(
+      [
+        '\n  .shareButtons {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n    row-gap: 24px;\n    column-gap: 16px;\n    margin: 0 43px 33px 43px;\n    justify-content: center;\n\n    ',
+        ' {\n      grid-template-columns: 1fr 1fr;\n      justify-items: center;\n      align-items: center;\n    }\n  }\n\n  .shareBtn {\n    width: 108px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-direction: column;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n\n    img {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  ',
+        ' {\n    .shareButtons {\n      row-gap: ',
+        ';\n      column-gap: ',
+        ';\n      margin: 0 ',
+        ' ',
+        '\n        ',
+        ';\n    }\n\n    .shareBtn {\n      width: ',
+        ';\n      height: ',
+        ';\n\n      img {\n        width: ',
+        ';\n        height: ',
+        ';\n      }\n    }\n  }\n',
+      ],
+      [
+        '\n  .shareButtons {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n    row-gap: 24px;\n    column-gap: 16px;\n    margin: 0 43px 33px 43px;\n    justify-content: center;\n\n    ',
+        ' {\n      grid-template-columns: 1fr 1fr;\n      justify-items: center;\n      align-items: center;\n    }\n  }\n\n  .shareBtn {\n    width: 108px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-direction: column;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n\n    img {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  ',
+        ' {\n    .shareButtons {\n      row-gap: ',
+        ';\n      column-gap: ',
+        ';\n      margin: 0 ',
+        ' ',
+        '\n        ',
+        ';\n    }\n\n    .shareBtn {\n      width: ',
+        ';\n      height: ',
+        ';\n\n      img {\n        width: ',
+        ';\n        height: ',
+        ';\n      }\n    }\n  }\n',
+      ]
+    )),
+  mediaQuery.mobile,
+  mediaQuery.minWidthFourK,
+  adaptiveValueCalc(24),
+  adaptiveValueCalc(16),
+  adaptiveValueCalc(43),
+  adaptiveValueCalc(33),
+  adaptiveValueCalc(43),
+  adaptiveValueCalc(108),
+  adaptiveValueCalc(64),
+  adaptiveValueCalc(40),
+  adaptiveValueCalc(40)
+);
 var ShareDialog = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    var link = _a.link, onHide = _a.onHide, params = _a.params;
-    var url = new URL(link || '');
-    url.search = '';
-    var urlWithoutGetParameters = url.toString();
-    var openAlert = useUiStore(function (state) { return state.openAlert; });
-    return (<StyledShare>
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+  var link = _a.link,
+    onHide = _a.onHide,
+    params = _a.params;
+  var url = new URL(link || '');
+  url.search = '';
+  var urlWithoutGetParameters = url.toString();
+  var openAlert = useUiStore(function (state) {
+    return state.openAlert;
+  });
+  return (
+    <StyledShare>
       <Flex alignItems={'center'} justifyContent={'center'}>
         <STitle>{'Share to...'}</STitle>
       </Flex>
       <div className="shareButtons">
-        <button onClick={function () {
+        <button
+          onClick={function () {
             onHide();
             copyToClipboard(urlWithoutGetParameters).then(function () {
-                openAlert({
-                    type: alertVariants.copied,
-                });
+              openAlert({
+                type: alertVariants.copied,
+              });
             });
-        }} className={'shareBtn'}>
-          <img src="/share/copy-link-btn.svg" alt="share" height={40} width={40}/>
+          }}
+          className={'shareBtn'}
+        >
+          <img
+            src="/share/copy-link-btn.svg"
+            alt="share"
+            height={40}
+            width={40}
+          />
           <H5 color={TextGrayColor}>Copy Link</H5>
         </button>
-        <EmailShareButton url={urlWithoutGetParameters} body={(_b = params === null || params === void 0 ? void 0 : params.email) === null || _b === void 0 ? void 0 : _b.body} separator={(_c = params === null || params === void 0 ? void 0 : params.email) === null || _c === void 0 ? void 0 : _c.separator} subject={(_d = params === null || params === void 0 ? void 0 : params.email) === null || _d === void 0 ? void 0 : _d.subject} className="shareBtn" onClick={onHide}>
-          <img src="/share/email-btn.svg" alt="email" height={40} width={40}/>
+        <EmailShareButton
+          url={urlWithoutGetParameters}
+          body={
+            (_b =
+              params === null || params === void 0 ? void 0 : params.email) ===
+              null || _b === void 0
+              ? void 0
+              : _b.body
+          }
+          separator={
+            (_c =
+              params === null || params === void 0 ? void 0 : params.email) ===
+              null || _c === void 0
+              ? void 0
+              : _c.separator
+          }
+          subject={
+            (_d =
+              params === null || params === void 0 ? void 0 : params.email) ===
+              null || _d === void 0
+              ? void 0
+              : _d.subject
+          }
+          className="shareBtn"
+          onClick={onHide}
+        >
+          <img src="/share/email-btn.svg" alt="email" height={40} width={40} />
           <H5 color={TextGrayColor}>Email</H5>
         </EmailShareButton>
-        <TelegramShareButton url={urlWithoutGetParameters} title={(_e = params === null || params === void 0 ? void 0 : params.telegram) === null || _e === void 0 ? void 0 : _e.title} className="shareBtn" onClick={onHide}>
-          <img src="/share/telegram-btn.svg" alt="telegram" height={40} width={40}/>
+        <TelegramShareButton
+          url={urlWithoutGetParameters}
+          title={
+            (_e =
+              params === null || params === void 0
+                ? void 0
+                : params.telegram) === null || _e === void 0
+              ? void 0
+              : _e.title
+          }
+          className="shareBtn"
+          onClick={onHide}
+        >
+          <img
+            src="/share/telegram-btn.svg"
+            alt="telegram"
+            height={40}
+            width={40}
+          />
           <H5 color={TextGrayColor}>Telegram</H5>
         </TelegramShareButton>
-        <WhatsappShareButton url={urlWithoutGetParameters} title={(_f = params === null || params === void 0 ? void 0 : params.whatsapp) === null || _f === void 0 ? void 0 : _f.title} separator={(_g = params === null || params === void 0 ? void 0 : params.whatsapp) === null || _g === void 0 ? void 0 : _g.separator} className="shareBtn" onClick={onHide}>
-          <img src="/share/whatsapp-btn.svg" alt="whatsapp" height={40} width={40}/>
+        <WhatsappShareButton
+          url={urlWithoutGetParameters}
+          title={
+            (_f =
+              params === null || params === void 0
+                ? void 0
+                : params.whatsapp) === null || _f === void 0
+              ? void 0
+              : _f.title
+          }
+          separator={
+            (_g =
+              params === null || params === void 0
+                ? void 0
+                : params.whatsapp) === null || _g === void 0
+              ? void 0
+              : _g.separator
+          }
+          className="shareBtn"
+          onClick={onHide}
+        >
+          <img
+            src="/share/whatsapp-btn.svg"
+            alt="whatsapp"
+            height={40}
+            width={40}
+          />
           <H5 color={TextGrayColor}>WhatsApp</H5>
         </WhatsappShareButton>
-        <TwitterShareButton url={urlWithoutGetParameters} title={(_h = params === null || params === void 0 ? void 0 : params.twitter) === null || _h === void 0 ? void 0 : _h.title} via={(_j = params === null || params === void 0 ? void 0 : params.twitter) === null || _j === void 0 ? void 0 : _j.via} related={(_k = params === null || params === void 0 ? void 0 : params.twitter) === null || _k === void 0 ? void 0 : _k.related} hashtags={(_l = params === null || params === void 0 ? void 0 : params.twitter) === null || _l === void 0 ? void 0 : _l.hashtags} className="shareBtn" onClick={onHide}>
-          <img src="/share/twitter-btn.svg" alt="twitter" width={40} height={40}/>
+        <TwitterShareButton
+          url={urlWithoutGetParameters}
+          title={
+            (_h =
+              params === null || params === void 0
+                ? void 0
+                : params.twitter) === null || _h === void 0
+              ? void 0
+              : _h.title
+          }
+          via={
+            (_j =
+              params === null || params === void 0
+                ? void 0
+                : params.twitter) === null || _j === void 0
+              ? void 0
+              : _j.via
+          }
+          related={
+            (_k =
+              params === null || params === void 0
+                ? void 0
+                : params.twitter) === null || _k === void 0
+              ? void 0
+              : _k.related
+          }
+          hashtags={
+            (_l =
+              params === null || params === void 0
+                ? void 0
+                : params.twitter) === null || _l === void 0
+              ? void 0
+              : _l.hashtags
+          }
+          className="shareBtn"
+          onClick={onHide}
+        >
+          <img
+            src="/share/twitter-btn.svg"
+            alt="twitter"
+            width={40}
+            height={40}
+          />
           <H5 color={TextGrayColor}>Twitter</H5>
         </TwitterShareButton>
         {/*<InstapaperShareButton*/}
@@ -70,16 +271,58 @@ var ShareDialog = function (_a) {
         {/*  <InstagramIcon />*/}
         {/*  <H5 color={TextGrayColor}>Instagram</H5>*/}
         {/*</InstapaperShareButton>*/}
-        <RedditShareButton url={urlWithoutGetParameters} title={(_m = params === null || params === void 0 ? void 0 : params.reddit) === null || _m === void 0 ? void 0 : _m.title} className="shareBtn" onClick={onHide}>
-          <img src="/share/reddit-btn.svg" alt="reddit" width={40} height={40}/>
+        <RedditShareButton
+          url={urlWithoutGetParameters}
+          title={
+            (_m =
+              params === null || params === void 0 ? void 0 : params.reddit) ===
+              null || _m === void 0
+              ? void 0
+              : _m.title
+          }
+          className="shareBtn"
+          onClick={onHide}
+        >
+          <img
+            src="/share/reddit-btn.svg"
+            alt="reddit"
+            width={40}
+            height={40}
+          />
           <H5 color={TextGrayColor}>Reddit</H5>
         </RedditShareButton>
-        <FacebookShareButton url={urlWithoutGetParameters} quote={((_o = params === null || params === void 0 ? void 0 : params.facebook) === null || _o === void 0 ? void 0 : _o.quote) || 'My cool NFT'} hashtag={((_p = params === null || params === void 0 ? void 0 : params.facebook) === null || _p === void 0 ? void 0 : _p.hashtag) || '#ludo'} className="shareBtn" onClick={onHide}>
-          <img src="/share/facebook-btn.svg" alt="facebook" width={40} height={40}/>
+        <FacebookShareButton
+          url={urlWithoutGetParameters}
+          quote={
+            ((_o =
+              params === null || params === void 0
+                ? void 0
+                : params.facebook) === null || _o === void 0
+              ? void 0
+              : _o.quote) || 'My cool NFT'
+          }
+          hashtag={
+            ((_p =
+              params === null || params === void 0
+                ? void 0
+                : params.facebook) === null || _p === void 0
+              ? void 0
+              : _p.hashtag) || '#ludo'
+          }
+          className="shareBtn"
+          onClick={onHide}
+        >
+          <img
+            src="/share/facebook-btn.svg"
+            alt="facebook"
+            width={40}
+            height={40}
+          />
           <H5 color={TextGrayColor}>Facebook</H5>
         </FacebookShareButton>
       </div>
-    </StyledShare>);
+    </StyledShare>
+  );
 };
 // Export
 export default ShareDialog;

package/dist/components/showcaseAssets/showcaseSort/data.js

@@ -1,26 +1,26 @@
 var sortData = [
-    {
-        id: Math.random(),
-        value: 'all',
-        label: 'All',
-    },
-    {
-        id: Math.random(),
-        value: 'asset',
-        label: 'NFTs',
-    },
-    {
-        id: Math.random(),
-        value: 'collection',
-        label: 'Collections',
-    },
-    // {
-    //   id: Math.random(),
-    //   label: 'Events',
-    // },
-    // {
-    //   id: Math.random(),
-    //   label: 'Apps',
-    // },
+  {
+    id: Math.random(),
+    value: 'all',
+    label: 'All',
+  },
+  {
+    id: Math.random(),
+    value: 'asset',
+    label: 'NFTs',
+  },
+  {
+    id: Math.random(),
+    value: 'collection',
+    label: 'Collections',
+  },
+  // {
+  //   id: Math.random(),
+  //   label: 'Events',
+  // },
+  // {
+  //   id: Math.random(),
+  //   label: 'Apps',
+  // },
 ];
 export { sortData };

package/dist/components/showcaseAssets/showcaseSort/index.jsx

@@ -1,24 +1,62 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import React from 'react';
+
 import styled from 'styled-components';
+
 import { BlackColor } from '@/styles/colors';
 import { FH2 } from '@/styles/typography';
+
 import { StyledTabsNavLink } from '@/system/Tabs/TabNavLink';
 import TabsNav from '@/system/Tabs/TabsNav';
+
+var __makeTemplateObject =
+  (this && this.__makeTemplateObject) ||
+  function (cooked, raw) {
+    if (Object.defineProperty) {
+      Object.defineProperty(cooked, 'raw', { value: raw });
+    } else {
+      cooked.raw = raw;
+    }
+    return cooked;
+  };
+
 // Styles
-var StyledShowCaseSort = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: 25px;\n  display: flex;\n  align-items: center;\n  .caption {\n    user-select: none;\n    color: ", ";\n    ", ";\n    margin-right: 32px;\n    padding-bottom: 10px;\n  }\n  .tabs {\n    ", " {\n      margin-right: 24px;\n      margin-bottom: 10px;\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n"], ["\n  margin-bottom: 25px;\n  display: flex;\n  align-items: center;\n  .caption {\n    user-select: none;\n    color: ", ";\n    ", ";\n    margin-right: 32px;\n    padding-bottom: 10px;\n  }\n  .tabs {\n    ", " {\n      margin-right: 24px;\n      margin-bottom: 10px;\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n"])), BlackColor, FH2, StyledTabsNavLink);
+var StyledShowCaseSort = styled.div(
+  templateObject_1 ||
+    (templateObject_1 = __makeTemplateObject(
+      [
+        '\n  margin-bottom: 25px;\n  display: flex;\n  align-items: center;\n  .caption {\n    user-select: none;\n    color: ',
+        ';\n    ',
+        ';\n    margin-right: 32px;\n    padding-bottom: 10px;\n  }\n  .tabs {\n    ',
+        ' {\n      margin-right: 24px;\n      margin-bottom: 10px;\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n',
+      ],
+      [
+        '\n  margin-bottom: 25px;\n  display: flex;\n  align-items: center;\n  .caption {\n    user-select: none;\n    color: ',
+        ';\n    ',
+        ';\n    margin-right: 32px;\n    padding-bottom: 10px;\n  }\n  .tabs {\n    ',
+        ' {\n      margin-right: 24px;\n      margin-bottom: 10px;\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n',
+      ]
+    )),
+  BlackColor,
+  FH2,
+  StyledTabsNavLink
+);
 // Component
 var ShowCaseSort = function (_a) {
-    var activeTab = _a.activeTab, setActiveTab = _a.setActiveTab, data = _a.data;
-    return (<StyledShowCaseSort>
-      <span className={"caption"}>Explore</span>
+  var activeTab = _a.activeTab,
+    setActiveTab = _a.setActiveTab,
+    data = _a.data;
+  return (
+    <StyledShowCaseSort>
+      <span className={'caption'}>Explore</span>
       <div className="tabs">
-        <TabsNav activeTab={activeTab} tabsData={data} setActiveTab={setActiveTab}/>
+        <TabsNav
+          activeTab={activeTab}
+          tabsData={data}
+          setActiveTab={setActiveTab}
+        />
       </div>
-    </StyledShowCaseSort>);
+    </StyledShowCaseSort>
+  );
 };
 // Export
 export default ShowCaseSort;

package/dist/components/sidebar/data.jsx

@@ -1,13 +1,5 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import React from 'react';
+
 import AboutLudoIcon from '@/public/sidebar/aboutLudo.svg';
 import AboutLudoDarkIcon from '@/public/sidebar/aboutLudoDark.svg';
 import ApiIcon from '@/public/sidebar/api.svg';
@@ -15,67 +7,96 @@ import ExploreIcon from '@/public/sidebar/explore.svg';
 import MyInvitesIcon from '@/public/sidebar/my-invites.svg';
 import RewardsIcon from '@/public/sidebar/rewards.svg';
 import SubmitNftIcon from '@/public/sidebar/submitNft.svg';
+
+var __spreadArray =
+  (this && this.__spreadArray) ||
+  function (to, from, pack) {
+    if (pack || arguments.length === 2)
+      for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+          ar[i] = from[i];
+        }
+      }
+    return to.concat(ar || Array.prototype.slice.call(from));
+  };
+
 export var sideBarDataForDev = function (_a) {
-    var isAuthorized = _a.isAuthorized, isDarkTheme = _a.isDarkTheme, userId = _a.userId;
-    return __spreadArray(__spreadArray([
+  var isAuthorized = _a.isAuthorized,
+    isDarkTheme = _a.isDarkTheme,
+    userId = _a.userId;
+  return __spreadArray(
+    __spreadArray(
+      [
         {
-            href: '/',
-            title: 'Explore',
-            icon: <ExploreIcon />,
-            isExternalUrl: false,
-        }
-    ], (isAuthorized
+          href: '/',
+          title: 'Explore',
+          icon: <ExploreIcon />,
+          isExternalUrl: false,
+        },
+      ],
+      isAuthorized
         ? [
             {
-                href: "/rewards/".concat(userId),
-                title: 'Rewards',
-                icon: <RewardsIcon />,
-                isExternalUrl: false,
+              href: '/rewards/'.concat(userId),
+              title: 'Rewards',
+              icon: <RewardsIcon />,
+              isExternalUrl: false,
             },
             {
-                href: '/invite-codes',
-                title: 'My invites',
-                icon: <MyInvitesIcon />,
-                isExternalUrl: false,
+              href: '/invite-codes',
+              title: 'My invites',
+              icon: <MyInvitesIcon />,
+              isExternalUrl: false,
             },
-        ]
-        : []), true), [
-        {
-            href: 'https://apidocs.ludo.com/',
-            title: 'API',
-            icon: <ApiIcon />,
-            isExternalUrl: true,
-        },
-        {
-            href: '/',
-            title: 'Submit NFT',
-            icon: <SubmitNftIcon />,
-            isExternalUrl: false,
-        },
-        {
-            href: '/',
-            title: 'About Ludo',
-            icon: isDarkTheme ? <AboutLudoDarkIcon /> : <AboutLudoIcon />,
-            isExternalUrl: false,
-        },
-    ], false);
+          ]
+        : [],
+      true
+    ),
+    [
+      {
+        href: 'https://apidocs.ludo.com/',
+        title: 'API',
+        icon: <ApiIcon />,
+        isExternalUrl: true,
+      },
+      {
+        href: '/',
+        title: 'Submit NFT',
+        icon: <SubmitNftIcon />,
+        isExternalUrl: false,
+      },
+      {
+        href: '/',
+        title: 'About Ludo',
+        icon: isDarkTheme ? <AboutLudoDarkIcon /> : <AboutLudoIcon />,
+        isExternalUrl: false,
+      },
+    ],
+    false
+  );
 };
 export var sideBarDataForProd = function (_a) {
-    var isAuthorized = _a.isAuthorized, userId = _a.userId;
-    return __spreadArray([], (isAuthorized
-        ? [
-            {
-                href: "/rewards/".concat(userId),
-                title: 'Rewards',
-                icon: <RewardsIcon />,
-                isExternalUrl: false,
-            },
-            {
-                href: '/invite-codes',
-                title: 'My invites',
-                icon: <MyInvitesIcon />,
-                isExternalUrl: false,
-            },
+  var isAuthorized = _a.isAuthorized,
+    userId = _a.userId;
+  return __spreadArray(
+    [],
+    isAuthorized
+      ? [
+          {
+            href: '/rewards/'.concat(userId),
+            title: 'Rewards',
+            icon: <RewardsIcon />,
+            isExternalUrl: false,
+          },
+          {
+            href: '/invite-codes',
+            title: 'My invites',
+            icon: <MyInvitesIcon />,
+            isExternalUrl: false,
+          },
         ]
-        : []), true);
+      : [],
+    true
+  );
 };