clients/custom-fields: polish custom fields page

polarsource · Nov 12, 2024 · 03e9298 · 03e9298
1 parent 0b3b973
commit 03e9298
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 6 deletions.
diff --git a/...eb/src/app/(main)/dashboard/[organization]/(header)/settings/custom-fields/ClientPage.tsx b/...eb/src/app/(main)/dashboard/[organization]/(header)/settings/custom-fields/ClientPage.tsx
@@ -1,6 +1,5 @@
 'use client'
 
-import CopyToClipboardButton from '@/components/CopyToClipboardButton/CopyToClipboardButton'
 import CreateCustomFieldModalContent from '@/components/CustomFields/CreateCustomFieldModalContent'
 import CustomFieldTypeLabel from '@/components/CustomFields/CustomFieldTypeLabel'
 import UpdateCustomFieldModalContent from '@/components/CustomFields/UpdateCustomFieldModalContent'
@@ -116,8 +115,7 @@ const ClientPage: React.FC<ClientPageProps> = ({
         const value = getValue() as string
         return (
           <div className="flex flex-row items-center gap-1">
-            <div className="font-mono">{value}</div>
-            <CopyToClipboardButton text={value} />
+            <span>{value}</span>
           </div>
         )
       },

diff --git a/...apps/web/src/app/(main)/dashboard/[organization]/(header)/settings/custom-fields/page.tsx b/...apps/web/src/app/(main)/dashboard/[organization]/(header)/settings/custom-fields/page.tsx
@@ -7,7 +7,7 @@ import ClientPage from './ClientPage'
 
 export async function generateMetadata(): Promise<Metadata> {
   return {
-    title: 'Custom fields', // " | Polar is added by the template"
+    title: 'Custom Fields', // " | Polar is added by the template"
   }
 }
 

diff --git a/clients/apps/web/src/components/CustomFields/CustomFieldTypeLabel.tsx b/clients/apps/web/src/components/CustomFields/CustomFieldTypeLabel.tsx
@@ -20,7 +20,7 @@ const CustomFieldTypeLabel = ({ type }: { type: CustomFieldType }) => {
   const label = getLabel(type)
 
   return (
-    <div className="flex flex-row items-center gap-1">
+    <div className="flex flex-row items-center gap-2">
       <CustomFieldTypeIcon type={type} />
       <div>{label}</div>
     </div>

diff --git a/clients/apps/web/src/components/Dashboard/navigation.tsx b/clients/apps/web/src/components/Dashboard/navigation.tsx
@@ -394,7 +394,7 @@ const organizationRoutesList = (org: Organization): Route[] => [
         link: `/dashboard/${org.slug}/settings/webhooks`,
       },
       {
-        title: 'Custom fields',
+        title: 'Custom Fields',
         link: `/dashboard/${org.slug}/settings/custom-fields`,
       },
     ],