clients/features: small polish

polarsource · Aug 5, 2024 · 1101d01 · 1101d01
1 parent 45bf6a7
commit 1101d01
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 16 deletions.
diff --git a/clients/apps/web/src/app/[organization]/(sidebar)/ClientPage.tsx b/clients/apps/web/src/app/[organization]/(sidebar)/ClientPage.tsx
@@ -1,7 +1,6 @@
 'use client'
 
 import { Post as PostComponent } from '@/components/Feed/Posts/Post'
-import { PublicPagePostWizard } from '@/components/Onboarding/Creator/PostWizard'
 import { OrganizationIssueSummaryList } from '@/components/Organization/OrganizationIssueSummaryList'
 import { CreatorsEditor } from '@/components/Profile/CreatorEditor/CreatorsEditor'
 import { HighlightedTiersEditor } from '@/components/Profile/HighlightedTiersEditor/HighlightedTiersEditor'
@@ -15,7 +14,7 @@ import { useRedirectToGitHubInstallation } from '@/hooks/github'
 import { useUpdateOrganization } from '@/hooks/queries'
 import { organizationPageLink } from '@/utils/nav'
 import { useTrafficRecordPageView } from '@/utils/traffic'
-import { GitHub, StickyNote2Outlined } from '@mui/icons-material'
+import { DraftsOutlined, GitHub } from '@mui/icons-material'
 import {
   Article,
   IssueFunding,
@@ -91,16 +90,16 @@ const ClientPage = ({
 
   const PostsEmptyState = () => {
     return isOrgMember ? (
-      <div className="flex flex-col gap-y-6">
-        <p className="dark:text-polar-500 text-gray-500">
+      <div className="dark:text-polar-500 flex flex-col items-center gap-y-4 pt-16 text-gray-600">
+        <DraftsOutlined fontSize="large" />
+        <p className="text-center">
           Build out an audience by writing posts and share it with your
           subscribers
         </p>
-        <PublicPagePostWizard organization={organization} />
       </div>
     ) : (
       <div className="dark:text-polar-400 flex h-full w-full flex-col items-center gap-y-4 pt-16 text-gray-600">
-        <StickyNote2Outlined fontSize="large" />
+        <DraftsOutlined fontSize="large" />
         <div className="flex w-full flex-col items-center gap-y-2 px-12 text-center">
           <h3 className="p-2 text-lg font-medium">
             {organization.name} is typing...
@@ -234,10 +233,14 @@ const GitHubAppUpsell = ({ organization }: { organization: Organization }) => {
   return (
     <div className="dark:from-polar-700 dark:to-polar-800 dark:border-polar-700 rounded-4xl flex flex-row gap-y-8 bg-gradient-to-r from-blue-200 to-blue-500 p-8 text-white dark:border">
       <div className="flex w-full flex-col gap-y-8">
-        <h3 className="text-4xl leading-normal [text-wrap:balance]">
+        <h3 className="text-3xl leading-normal [text-wrap:balance]">
           Highlight your projects & enable crowdfunding for issues
         </h3>
-        <Button size="lg" onClick={redirectToGitHubInstallation}>
+        <Button
+          className="self-start"
+          size="lg"
+          onClick={redirectToGitHubInstallation}
+        >
           <div className="flex flex-row items-center gap-2">
             <GitHub fontSize="small" />
             <span>Install the Polar GitHub App</span>

diff --git a/clients/apps/web/src/app/dashboard/[organization]/(topbar)/donations/overview/ClientPage.tsx b/clients/apps/web/src/app/dashboard/[organization]/(topbar)/donations/overview/ClientPage.tsx
@@ -8,7 +8,7 @@ import {
   DataTablePaginationState,
   DataTableSortingState,
 } from '@/utils/datatable'
-import { VolunteerActivismOutlined } from '@mui/icons-material'
+import { SpokeOutlined } from '@mui/icons-material'
 import { Donation, Organization } from '@polar-sh/sdk'
 import { useRouter } from 'next/navigation'
 import { FormattedDateTime } from 'polarkit/components/ui/atoms'
@@ -84,7 +84,7 @@ export default function ClientPage({
       <EmptyLayout>
         <div className="dark:text-polar-200 flex flex-col items-center justify-center space-y-10 py-32 text-gray-600">
           <span className="text-6xl text-blue-400">
-            <VolunteerActivismOutlined fontSize="inherit" />
+            <SpokeOutlined fontSize="inherit" />
           </span>
           <div className="flex flex-col items-center gap-4 text-center">
             <h2 className="text-2xl font-medium text-gray-950 dark:text-white">
@@ -124,7 +124,7 @@ export default function ClientPage({
         ) : (
           <div className="dark:text-polar-200 flex flex-col items-center justify-center space-y-10 py-32 text-gray-600">
             <span className="text-6xl text-blue-400">
-              <VolunteerActivismOutlined fontSize="inherit" />
+              <SpokeOutlined fontSize="inherit" />
             </span>
             <h2 className="text-lg">You haven&apos;t received any donations</h2>
           </div>

diff --git a/clients/apps/web/src/app/dashboard/[organization]/(topbar)/posts/ClientPage.tsx b/clients/apps/web/src/app/dashboard/[organization]/(topbar)/posts/ClientPage.tsx
@@ -20,8 +20,8 @@ import {
   AddOutlined,
   ArrowForward,
   ArrowForwardOutlined,
+  DraftsOutlined,
   LanguageOutlined,
-  StickyNote2Outlined,
 } from '@mui/icons-material'
 import { Article } from '@polar-sh/sdk'
 import Link from 'next/link'
@@ -132,7 +132,7 @@ const ClientPage = () => {
       <EmptyLayout>
         <div className="dark:text-polar-200 flex flex-col items-center justify-center space-y-10 py-32 text-gray-600">
           <span className="text-6xl text-blue-400">
-            <StickyNote2Outlined fontSize="inherit" />
+            <DraftsOutlined fontSize="inherit" />
           </span>
           <div className="flex flex-col items-center gap-4 text-center">
             <h2 className="text-2xl font-medium text-gray-950 dark:text-white">
@@ -182,10 +182,10 @@ const ClientPage = () => {
 
               {showNoPostsYet ? (
                 <div className="dark:text-polar-500 flex h-full flex-col items-center gap-y-4 pt-32 text-gray-500">
-                  <StickyNote2Outlined fontSize="large" />
+                  <DraftsOutlined fontSize="large" />
                   <div className="flex flex-col items-center gap-y-2">
                     <h3 className="p-2 text-lg font-medium">No posts yet</h3>
-                    <p className="dark:text-polar-600 min-w-0 truncate text-gray-300">
+                    <p className="dark:text-polar-500 min-w-0 truncate text-gray-500">
                       Create your first post to start engaging with your
                       subscribers
                     </p>

diff --git a/clients/apps/web/src/components/Profile/SubscribeEditor/SubscribeEditor.tsx b/clients/apps/web/src/components/Profile/SubscribeEditor/SubscribeEditor.tsx
@@ -53,7 +53,7 @@ export const SubscribeEditor = ({
     (tier) => tier.type === SubscriptionTierType.FREE,
   )
   const customerCount = customerList?.items?.length ?? 0
-  const showCount = customerList && customerCount && settings.show_count
+  const showCount = customerList && customerCount > 0 && settings.show_count
 
   return (
     <div className="flex w-full flex-col gap-y-6">