Revert "fix: prettier err (#1849)" (#1858)

* Revert "fix: prettier err (#1849)" This reverts commit 1042884. * run prettier
livepeer · Aug 22, 2023 · 3142893 · 3142893
1 parent 6336f95
commit 3142893
Show file tree

Hide file tree

Showing 8 changed files with 6,717 additions and 6,959 deletions.
diff --git a/packages/www/components/AssetDetails/AssetHeadingBox.tsx b/packages/www/components/AssetDetails/AssetHeadingBox.tsx
@@ -33,7 +33,11 @@ const AssetHeadingBox = ({ asset, totalViews }: AssetHeadingBoxProps) => {
         {totalViews != undefined ? (
           <Tooltip
             css={{ bc: "$neutral3", color: "$neutral3" }}
-            content="Views are defined as at least 1 second of watch time">
+            content={
+              <Box css={{ color: "$hiContrast" }}>
+                Views are defined as at least 1 second of watch time.
+              </Box>
+            }>
             <Flex align="center" css={{ mr: "$3", fontSize: "$2" }}>
               <Box as={PlayIcon} css={{ mr: "$1" }} /> {totalViews} views
             </Flex>

diff --git a/packages/www/components/Plans/index.tsx b/packages/www/components/Plans/index.tsx
@@ -162,7 +162,7 @@ const Plans = ({ dashboard = false, stripeProductId }: PlanProps) => {
                 title={
                   <Tooltip
                     multiline
-                    content="Create multiple versions of your source stream for different
+                    content=" Create multiple versions of your source stream for different
                     devices in real time.">
                     <Text
                       size="3"
@@ -206,7 +206,7 @@ const Plans = ({ dashboard = false, stripeProductId }: PlanProps) => {
                 title={
                   <Tooltip
                     multiline
-                    content="Deliver high-quality playback on whatever device or bandwidth the
+                    content=" Deliver high-quality playback on whatever device or bandwidth the
                     end viewer is watching.">
                     <Text
                       size="3"

diff --git a/packages/www/components/StreamDetails/StreamOverviewBox.tsx b/packages/www/components/StreamDetails/StreamOverviewBox.tsx
@@ -1,4 +1,4 @@
-import { Box, Heading, Flex, Tooltip } from "@livepeer/design-system";
+import { Box, Heading, Flex, Button, Tooltip } from "@livepeer/design-system";
 import ClipButton from "../Clipping/ClipButton";
 import RelativeTime from "../RelativeTime";
 import ShowURL from "../ShowURL";
@@ -101,10 +101,14 @@ const StreamOverviewBox = ({
               </Box>
               <Tooltip
                 multiline
-                content="When enabled, transcoded streaming sessions will be recorded
+                content={
+                  <Box>
+                    When enabled, transcoded streaming sessions will be recorded
                     and stored by Livepeer Studio. Each recorded session will
                     have a recording .m3u8 URL for playback and an MP4 download
-                    link. This feature is currently free.">
+                    link. This feature is currently free.
+                  </Box>
+                }>
                 <Help />
               </Tooltip>
             </Flex>

diff --git a/packages/www/components/Table/cells/createdAt.tsx b/packages/www/components/Table/cells/createdAt.tsx
@@ -56,7 +56,13 @@ const ProcessingProgress = ({ progress, playbackUrl }) => (
     {playbackUrl && (
       <Tooltip
         multiline
-        content="Your video can now be played. In the background, it is converted into several quality levels so that it can be played smoothly by all viewers.">
+        content={
+          <Box>
+            Your video can now be played. In the background, it is converted
+            into several quality levels so that it can be played smoothly by all
+            viewers.
+          </Box>
+        }>
         <Help />
       </Tooltip>
     )}

diff --git a/packages/www/components/UsageSummary/index.tsx b/packages/www/components/UsageSummary/index.tsx
@@ -231,7 +231,11 @@ const UsageSummary = () => {
             <Flex align="center" css={{ mr: "$3" }}>
               <Tooltip
                 multiline
-                content="Usage minutes may take up to an hour to be reflected.">
+                content={
+                  <Box>
+                    Usage minutes may take up to an hour to be reflected.
+                  </Box>
+                }>
                 <Help />
               </Tooltip>
             </Flex>

diff --git a/packages/www/pages/dashboard/index.tsx b/packages/www/pages/dashboard/index.tsx
@@ -10,7 +10,6 @@ import Banner from "components/Banner";
 
 import { useLoggedIn, useApi } from "hooks";
 import { Dashboard as Content } from "content";
-import { shouldStripe } from "lib/utils";
 
 const Dashboard = () => {
   const { user, verifyEmail, getUserProduct } = useApi();
@@ -85,13 +84,9 @@ const Dashboard = () => {
       <Box css={{ mb: "$9" }}>
         <GettingStarted firstName={user?.firstName} />
       </Box>
-
-      {shouldStripe() && (
-        <Box css={{ mb: "100px" }}>
-          <UsageSummary />
-        </Box>
-      )}
-
+      <Box css={{ mb: "100px" }}>
+        <UsageSummary />
+      </Box>
       <Box css={{ mb: "$8" }}>
         <StreamsTable
           title="Streams"

diff --git a/packages/www/pages/dashboard/usage/index.tsx b/packages/www/pages/dashboard/usage/index.tsx
@@ -230,7 +230,11 @@ const Usage = () => {
                 <Flex align="center">
                   <LPTooltip
                     multiline
-                    content="Usage minutes may take up to an hour to be reflected.">
+                    content={
+                      <Box>
+                        Usage minutes may take up to an hour to be reflected.
+                      </Box>
+                    }>
                     <Help />
                   </LPTooltip>
                 </Flex>