STUD-375: Reactor client config flags with launch darkly feature flags (

#798) * STUD-375: Reactor client config flags with launch darkly feature flags * MRKT-170: Update apps favicons and metadata & MRKT-160: Adjust tooltip location for sale item page (#799) * MRKT-170: Update apps favicons and metadata * MRKT-160: Adjust tooltip location for sale item page * MRKT-160: Update export file name
projectNEWM · Nov 14, 2024 · 82eafd8 · 82eafd8
1 parent 27cf027
commit 82eafd8
Show file tree

Hide file tree

Showing 47 changed files with 466 additions and 64 deletions.
diff --git a/apps/marketplace/public/.gitkeep b/apps/marketplace/public/.gitkeep
diff --git a/apps/marketplace/public/android-chrome-192x192.png b/apps/marketplace/public/android-chrome-192x192.png
diff --git a/apps/marketplace/public/android-chrome-512x512.png b/apps/marketplace/public/android-chrome-512x512.png
diff --git a/apps/marketplace/public/apple-touch-icon.png b/apps/marketplace/public/apple-touch-icon.png
diff --git a/apps/marketplace/public/browserconfig.xml b/apps/marketplace/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#603cba</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/apps/marketplace/public/favicon-16x16.png b/apps/marketplace/public/favicon-16x16.png
diff --git a/apps/marketplace/public/favicon-32x32.png b/apps/marketplace/public/favicon-32x32.png
diff --git a/apps/marketplace/public/favicon-dark.ico b/apps/marketplace/public/favicon-dark.ico
diff --git a/apps/marketplace/public/favicon-light.ico b/apps/marketplace/public/favicon-light.ico
diff --git a/apps/marketplace/public/manifest.json b/apps/marketplace/public/manifest.json
@@ -0,0 +1,20 @@
+{
+  "short_name": "Marketplace",
+  "name": "NEWM Marketplace",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#000000"
+}
diff --git a/apps/marketplace/public/mstile-150x150.png b/apps/marketplace/public/mstile-150x150.png
diff --git a/apps/marketplace/public/safari-pinned-tab.svg b/apps/marketplace/public/safari-pinned-tab.svg
diff --git a/apps/marketplace/src/app/layout.tsx b/apps/marketplace/src/app/layout.tsx
@@ -13,6 +13,7 @@ import {
   StyledComponentsRegistry,
   UnsupportedBrowserBanner,
 } from "@newm-web/components";
+import { Favicon } from "@newm-web/elements";
 import { Footer, Header, PingEarningsInProgressWrapper } from "../components";
 import store from "../store";
 import Toast from "../components/Toast";
@@ -30,6 +31,7 @@ const RootLayout: FunctionComponent<RootLayoutProps> = ({ children }) => {
       <head>
         <title>NEWM Marketplace</title>
         <meta content="noindex" name="robots" />
+        <Favicon />
         <link href="https://fonts.googleapis.com" rel="preconnect" />
         <link
           crossOrigin="anonymous"

diff --git a/apps/marketplace/src/components/Sale.tsx b/apps/marketplace/src/components/Sale.tsx
@@ -260,47 +260,46 @@ const Sale: FunctionComponent<SaleProps> = ({
 
                 <Stack gap={ 2.5 } mb={ 4 } mt={ 0.5 }>
                   <Stack>
-                    <Box alignSelf="flex-end" p={ 0.5 }>
-                      <Tooltip
-                        title={
-                          <Typography>
-                            The number of Stream Tokens correlates with the
-                            percentage of streaming royalties you can acquire.
-                            For example, 1 Stream Token equates to{ " " }
-                            { `${getPercentageOfTotalStreamTokens(1)}` }% of the
-                            track&apos;s total streaming royalties. For
-                            information on what constitutes a streaming royalty,
-                            please refer to the{ " " }
-                            <span style={ { color: theme.colors.music } }>
-                              <Link
-                                href={ sale.song.tokenAgreementUrl }
-                                rel="noopener noreferrer"
-                                sx={ {
-                                  width: "fit-content",
-                                } }
-                                target="_blank"
-                                variant="h4"
-                              >
-                                stream token contract
-                              </Link>
-                            </span>
-                            .
-                          </Typography>
-                        }
-                      >
-                        <IconButton sx={ { padding: 0 } }>
-                          <HelpIcon sx={ { color: theme.colors.grey100 } } />
-                        </IconButton>
-                      </Tooltip>
-                    </Box>
-
                     <Box
                       borderRadius={ 2 }
-                      px={ 3 }
-                      py={ 2.5 }
+                      pb={ 2.5 }
+                      pl={ 3 }
                       sx={ { backgroundColor: theme.colors.grey600 } }
                     >
                       <Stack>
+                        <Box alignSelf="flex-end" p={ 0.5 }>
+                          <Tooltip
+                            title={
+                              <Typography>
+                                The number of Stream Tokens correlates with the
+                                percentage of streaming royalties you can
+                                acquire. For example, 1 Stream Token equates to{ " " }
+                                { `${getPercentageOfTotalStreamTokens(1)}` }% of
+                                the track&apos;s total streaming royalties. For
+                                information on what constitutes a streaming
+                                royalty, please refer to the{ " " }
+                                <span style={ { color: theme.colors.music } }>
+                                  <Link
+                                    href={ sale.song.tokenAgreementUrl }
+                                    rel="noopener noreferrer"
+                                    sx={ {
+                                      width: "fit-content",
+                                    } }
+                                    target="_blank"
+                                    variant="h4"
+                                  >
+                                    stream token contract
+                                  </Link>
+                                </span>
+                                .
+                              </Typography>
+                            }
+                          >
+                            <IconButton sx={ { padding: 0 } }>
+                              <HelpIcon sx={ { color: theme.colors.grey100 } } />
+                            </IconButton>
+                          </Tooltip>
+                        </Box>
                         <Typography
                           fontWeight={ theme.typography.fontWeightBold }
                           variant="subtitle2"

diff --git a/apps/marketplace/src/modules/content/types.ts b/apps/marketplace/src/modules/content/types.ts
@@ -1,4 +1,7 @@
-// eslint-disable-next-line
+/**
+ * @deprecated Use Launch Darkly feature flags instead.
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
 interface FeatureFlags {
   // When a feature flag is added it will have the following format:
   // readonly exampleFlag: boolean;

diff --git a/apps/mobile-wallet-connector/public/.gitkeep b/apps/mobile-wallet-connector/public/.gitkeep
diff --git a/apps/mobile-wallet-connector/public/android-chrome-192x192.png b/apps/mobile-wallet-connector/public/android-chrome-192x192.png
diff --git a/apps/mobile-wallet-connector/public/android-chrome-512x512.png b/apps/mobile-wallet-connector/public/android-chrome-512x512.png
diff --git a/apps/mobile-wallet-connector/public/apple-touch-icon.png b/apps/mobile-wallet-connector/public/apple-touch-icon.png
diff --git a/apps/mobile-wallet-connector/public/browserconfig.xml b/apps/mobile-wallet-connector/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#603cba</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/apps/mobile-wallet-connector/public/favicon-16x16.png b/apps/mobile-wallet-connector/public/favicon-16x16.png
diff --git a/apps/mobile-wallet-connector/public/favicon-32x32.png b/apps/mobile-wallet-connector/public/favicon-32x32.png
diff --git a/apps/mobile-wallet-connector/public/favicon-dark.ico b/apps/mobile-wallet-connector/public/favicon-dark.ico
diff --git a/apps/mobile-wallet-connector/public/favicon-light.ico b/apps/mobile-wallet-connector/public/favicon-light.ico
diff --git a/apps/mobile-wallet-connector/public/manifest.json b/apps/mobile-wallet-connector/public/manifest.json
@@ -0,0 +1,20 @@
+{
+  "short_name": "Mobile Wallet Connector",
+  "name": "NEWM Mobile Wallet Connector",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#000000"
+}
diff --git a/apps/mobile-wallet-connector/public/mstile-150x150.png b/apps/mobile-wallet-connector/public/mstile-150x150.png
diff --git a/apps/mobile-wallet-connector/public/safari-pinned-tab.svg b/apps/mobile-wallet-connector/public/safari-pinned-tab.svg
diff --git a/apps/mobile-wallet-connector/src/app/layout.tsx b/apps/mobile-wallet-connector/src/app/layout.tsx
@@ -12,6 +12,7 @@ import {
   UnsupportedBrowserBanner,
 } from "@newm-web/components";
 import "global.css";
+import { Favicon } from "@newm-web/elements";
 import store from "../store";
 import { ConnectWallet, Toast } from "../components";
 
@@ -31,6 +32,7 @@ const RootLayout: FunctionComponent<RootLayoutProps> = ({ children }) => {
           content="Connect your wallet to the NEWM mobile app."
           name="description"
         />
+        <Favicon />
         <link href="https://fonts.googleapis.com" rel="preconnect" />
         <link
           crossOrigin="anonymous"

diff --git a/apps/studio/src/modules/content/types.ts b/apps/studio/src/modules/content/types.ts
@@ -24,6 +24,9 @@ export interface Country {
   readonly state?: State[];
 }
 
+/**
+ * @deprecated Use Launch Darkly feature flags instead.
+ */
 interface FeatureFlags {
   readonly claimWalletRoyaltiesEnabled: boolean;
   readonly manageMarketplaceSalesEnabled: boolean;