@orderly.network/ui-scaffold 3.1.3-alpha.0 → 3.1.3

package/README.md

@@ -364,6 +364,7 @@ const bottomMenus = [
   - `twitterUrl`: Twitter link
   - `discordUrl`: Discord link
   - `trailing`: Content on the right side of the footer. If not provided, a default `Charts powered by TradingView` link will be rendered.
+  - `poweredBy`: Powered-by content. Hidden by default. Use `true` to show the default `Powered by Orderly`, or pass a custom ReactNode.
 
 ```typescript
 <Scaffold
@@ -371,7 +372,18 @@ const bottomMenus = [
     telegramUrl: "https://t.me/yourgroup",
     twitterUrl: "https://twitter.com/yourhandle",
     discordUrl: "https://discord.gg/yourserver",
-    trailing: <AdditionalFooterContent />
+    trailing: <AdditionalFooterContent />,
+    poweredBy: true
+  }}
+>
+  {children}
+</Scaffold>
+```
+
+```typescript
+<Scaffold
+  footerProps={{
+    poweredBy: <a href="https://example.com">Powered by My DEX</a>
   }}
 >
   {children}

package/dist/index.d.mts

@@ -372,6 +372,7 @@ type FooterProps = {
     twitterUrl?: string;
     discordUrl?: string;
     trailing?: ReactNode;
+    poweredBy?: boolean | ReactNode;
 };
 declare const FooterWidget: react__default.FC<FooterProps>;
 

package/dist/index.d.ts

@@ -372,6 +372,7 @@ type FooterProps = {
     twitterUrl?: string;
     discordUrl?: string;
     trailing?: ReactNode;
+    poweredBy?: boolean | ReactNode;
 };
 declare const FooterWidget: react__default.FC<FooterProps>;
 

package/dist/index.js

@@ -1525,6 +1525,10 @@ var Footer = (props) => {
   const openUrl = (url) => {
     window.open(url, "_blank");
   };
+  const poweredBy = props.poweredBy === true ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { intensity: 54, size: "2xs", children: t("scaffold.footer.poweredBy") }),
+    /* @__PURE__ */ jsxRuntime.jsx(OrderlyTextIcon, {})
+  ] }) : props.poweredBy;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ui.Flex,
     {
@@ -1604,16 +1608,13 @@ var Footer = (props) => {
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
+        poweredBy && /* @__PURE__ */ jsxRuntime.jsx(
           ui.Flex,
           {
             direction: "row",
             gap: 1,
             className: "oui-scaffold-footer-powered-by",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { intensity: 54, size: "2xs", children: t("scaffold.footer.poweredBy") }),
-              /* @__PURE__ */ jsxRuntime.jsx(OrderlyTextIcon, {})
-            ]
+            children: poweredBy
           }
         )
       ]