From c09107cec8bf4c2234484794d5a4ed3d3859e268 Mon Sep 17 00:00:00 2001 From: Noah Date: Wed, 14 Sep 2022 11:08:50 +0200 Subject: [PATCH] Improve event type item description visibility (#4404) * Make event type description more visible * Delete unneeded import Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> --- apps/web/components/eventtype/EventTypeDescription.tsx | 2 +- apps/web/pages/v2/event-types/index.tsx | 3 +-- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/apps/web/components/eventtype/EventTypeDescription.tsx b/apps/web/components/eventtype/EventTypeDescription.tsx index eaf8f689a0..58011ece0a 100644 --- a/apps/web/components/eventtype/EventTypeDescription.tsx +++ b/apps/web/components/eventtype/EventTypeDescription.tsx @@ -32,7 +32,7 @@ export const EventTypeDescription = ({ eventType, className }: EventTypeDescript <>
{eventType.description && ( -

+

{eventType.description.substring(0, 100)} {eventType.description.length > 100 && "..."}

diff --git a/apps/web/pages/v2/event-types/index.tsx b/apps/web/pages/v2/event-types/index.tsx index 8ebb800199..ed8d3fe308 100644 --- a/apps/web/pages/v2/event-types/index.tsx +++ b/apps/web/pages/v2/event-types/index.tsx @@ -10,7 +10,7 @@ import { useLocale } from "@calcom/lib/hooks/useLocale"; import { inferQueryOutput, trpc } from "@calcom/trpc/react"; import { Icon } from "@calcom/ui"; import { Alert } from "@calcom/ui/Alert"; -import { Dialog, EmptyScreen, Badge, Button, Tooltip, Switch, showToast, ButtonGroup } from "@calcom/ui/v2"; +import { Badge, Button, ButtonGroup, Dialog, EmptyScreen, showToast, Switch, Tooltip } from "@calcom/ui/v2"; import ConfirmationDialogContent from "@calcom/ui/v2/core/ConfirmationDialogContent"; import Dropdown, { DropdownItem, @@ -20,7 +20,6 @@ import Dropdown, { DropdownMenuTrigger, } from "@calcom/ui/v2/core/Dropdown"; import Shell from "@calcom/ui/v2/core/Shell"; -import VerticalDivider from "@calcom/ui/v2/core/VerticalDivider"; import CreateEventTypeButton from "@calcom/ui/v2/modules/event-types/CreateEventType"; import { withQuery } from "@lib/QueryCell";