diff --git a/apps/web/app/403/page.tsx b/apps/web/app/403/page.tsx index 3547f67c382715..51f3b2c2818f61 100644 --- a/apps/web/app/403/page.tsx +++ b/apps/web/app/403/page.tsx @@ -16,9 +16,7 @@ async function Error403() { return (
-

- 403 -

+

403

{t("dont_have_access_this_page")}

{t("you_need_admin_or_owner_privileges_to_access")} diff --git a/apps/web/app/500/page.tsx b/apps/web/app/500/page.tsx index 3decc4a8183904..867b60d51c41a8 100644 --- a/apps/web/app/500/page.tsx +++ b/apps/web/app/500/page.tsx @@ -18,9 +18,7 @@ async function Error500({ searchParams }: { searchParams: { error?: string } }) return (

-

- 500 -

+

500

{t("500_error_message")}

{t("something_went_wrong_on_our_end")}

{searchParams?.error && ( diff --git a/apps/web/app/icons/IconGrid.tsx b/apps/web/app/icons/IconGrid.tsx new file mode 100644 index 00000000000000..da6ea588058f6e --- /dev/null +++ b/apps/web/app/icons/IconGrid.tsx @@ -0,0 +1,25 @@ +"use client"; + +import { Icon } from "@calcom/ui"; +import type { IconName } from "@calcom/ui"; + +export const IconGrid = (props: { + title: string; + icons: IconName[]; + rootClassName?: string; + iconClassName?: string; +}) => ( +
+

{props.title}

+
+ {props.icons.map((icon) => { + return ( +
+ +
{icon}
+
+ ); + })} +
+
+); diff --git a/apps/web/app/icons/page.tsx b/apps/web/app/icons/page.tsx new file mode 100644 index 00000000000000..a2ebf86a70478a --- /dev/null +++ b/apps/web/app/icons/page.tsx @@ -0,0 +1,46 @@ +import { _generateMetadata, getTranslate } from "app/_utils"; +import { Inter } from "next/font/google"; +import localFont from "next/font/local"; + +import { type IconName, IconSprites } from "@calcom/ui"; + +import { lucideIconList } from "../../../../packages/ui/components/icon/icon-list.mjs"; +import { IconGrid } from "./IconGrid"; + +const interFont = Inter({ subsets: ["latin"], variable: "--font-inter", preload: true, display: "swap" }); +const calFont = localFont({ + src: "../../fonts/CalSans-SemiBold.woff2", + variable: "--font-cal", + preload: true, + display: "swap", + weight: "600", +}); +export const generateMetadata = async () => { + return await _generateMetadata( + (t) => t("icon_showcase"), + () => "" + ); +}; +export default async function IconsPage() { + const icons = Array.from(lucideIconList).sort() as IconName[]; + const t = await getTranslate(); + + return ( +
+
+ +
+

{t("icons_showcase")}

+ + +
+
+
+ ); +} +export const dynamic = "force-static"; diff --git a/apps/web/pages/icons.tsx b/apps/web/pages/icons.tsx deleted file mode 100644 index d15a292bcaee1d..00000000000000 --- a/apps/web/pages/icons.tsx +++ /dev/null @@ -1,77 +0,0 @@ -"use client"; - -import type { InferGetStaticPropsType } from "next"; -import { Inter } from "next/font/google"; -import localFont from "next/font/local"; -import Head from "next/head"; - -import { APP_NAME } from "@calcom/lib/constants"; -import type { IconName } from "@calcom/ui"; -import { Icon, IconSprites } from "@calcom/ui"; - -import { lucideIconList } from "../../../packages/ui/components/icon/icon-list.mjs"; - -const interFont = Inter({ subsets: ["latin"], variable: "--font-inter", preload: true, display: "swap" }); -const calFont = localFont({ - src: "../fonts/CalSans-SemiBold.woff2", - variable: "--font-cal", - preload: true, - display: "swap", - weight: "600", -}); - -export const getStaticProps = async () => { - return { - props: { - icons: Array.from(lucideIconList).sort() as IconName[], - }, - }; -}; - -const IconGrid = (props: { - title: string; - icons: IconName[]; - rootClassName?: string; - iconClassName?: string; -}) => ( -
-

{props.title}

-
- {props.icons.map((icon) => { - return ( -
- -
{icon}
-
- ); - })} -
-
-); - -export default function IconsPage(props: InferGetStaticPropsType) { - return ( -
- - Icon showcase | {APP_NAME} - - - -
-

Icons showcase

- - -
-
- ); -} diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json index 4ea9d6c6591a88..ec7885d63aca4c 100644 --- a/apps/web/public/static/locales/en/common.json +++ b/apps/web/public/static/locales/en/common.json @@ -2528,26 +2528,22 @@ "schedule_timezone_change": "Schedule timezone change", "date": "Date", "overlaps_with_existing_schedule": "This overlaps with an existing schedule. Please select a different date.", - "org_admin_no_slots|subject": "No availability found for {{name}}", "org_admin_no_slots|heading": "No availability found for {{name}}", "org_admin_no_slots|content": "Hello Organization Admins,

Please note: It has been brought to our attention that {{username}} has not had any availability when a user has visited {{username}}/{{slug}}

There’s a few reasons why this could be happening
The user does not have any calendars connected
Their schedules attached to this event are not enabled

We recommend checking their availability to resolve this.", "org_admin_no_slots|cta": "Open users availability", "organization_no_slots_notification_switch_title": "Get notifications when your team has no availability", "organization_no_slots_notification_switch_description": "Admins will get email notifications when a user tries to book a team member and is faced with 'No availability'. We trigger this email after two occurrences and remind you every 7 days per user. ", - "email_team_invite|subject|added_to_org": "{{user}} added you to the organization {{team}} on {{appName}}", "email_team_invite|subject|invited_to_org": "{{user}} invited you to join the organization {{team}} on {{appName}}", "email_team_invite|subject|added_to_subteam": "{{user}} added you to the team {{team}} of organization {{parentTeamName}} on {{appName}}", "email_team_invite|subject|invited_to_subteam": "{{user}} invited you to join the team {{team}} of organization {{parentTeamName}} on {{appName}}", "email_team_invite|subject|invited_to_regular_team": "{{user}} invited you to join the team {{team}} on {{appName}}", - "email_team_invite|heading|added_to_org": "You’ve been added to a {{appName}} organization", "email_team_invite|heading|invited_to_org": "You’ve been invited to a {{appName}} organization", "email_team_invite|heading|added_to_subteam": "You’ve been added to a team of {{parentTeamName}} organization", "email_team_invite|heading|invited_to_subteam": "You’ve been invited to a team of {{parentTeamName}} organization", "email_team_invite|heading|invited_to_regular_team": "You’ve been invited to join a {{appName}} team", - "email_team_invite|content|added_to_org": "{{invitedBy}} has added you to the {{teamName}} organization.", "email_team_invite|content|invited_to_org": "{{invitedBy}} has invited you to join the {{teamName}} organization.", "email_team_invite|content|added_to_subteam": "{{invitedBy}} has added you to the team {{teamName}} in their organization {{parentTeamName}}. {{appName}} is the event-juggling scheduler that enables you and your team to schedule meetings without the email tennis.", @@ -2840,12 +2836,12 @@ "routing_form_insights_booking_status": "Booking Status", "routing_form_insights_booking_at": "Booking At", "routing_form_insights_submitted_at": "Submitted At", - "total_bookings_per_period":"Total Bookings per period", - "routed_to_per_period":"Routed to per period", + "total_bookings_per_period": "Total Bookings per period", + "routed_to_per_period": "Routed to per period", "per_day": "Per day", "per_week": "Per week", "per_month": "Per month", - "routing_form_insights_assignment_reason":"Assignment Reason", + "routing_form_insights_assignment_reason": "Assignment Reason", "access_denied": "Access Denied", "salesforce_route_to_owner": "Contact owner will be the Round Robin host if available", "salesforce_do_not_route_to_owner": "Contact owner will not be forced (can still be host if it matches the attributes and Round Robin criteria)", @@ -2868,7 +2864,7 @@ "rr_distribution_method_availability_description": "Allows bookers to book meetings whenever a host is available. Use this to maximize the number of potential meetings booked and when the even distribution of meetings across hosts is less important.", "rr_distribution_method_balanced_title": "Load balancing", "rr_distribution_method_balanced_description": "We will monitor how many bookings have been made with each host and compare this with others, disabling some hosts that are too far ahead so bookings are evenly distributed.", - "require_confirmation_for_free_email": "Only require confirmation for free email providers (Ex. @gmail.com, @outlook.com)", + "require_confirmation_for_free_email": "Only require confirmation for free email providers (Ex. @gmail.com, @outlook.com)", "exclude_emails_that_contain": "Exclude emails that contain ...", "require_emails_that_contain": "Require emails that contain ...", "exclude_emails_match_found_error_message": "Please enter a valid work email address", @@ -2890,8 +2886,8 @@ "lock_attribute_for_assignment_description": "Locking would only allow assignments from Directory Sync", "attribute_edited_successfully": "Attribute edited successfully", "new_group_option": "New group option", - "attribute_weight_enabled":"Weights enabled", - "attribute_weight_enabled_description":"By enabling weights, it would be possible to assign higher priority to certain attributes per user. The higher the weight, the higher the priority.", + "attribute_weight_enabled": "Weights enabled", + "attribute_weight_enabled_description": "By enabling weights, it would be possible to assign higher priority to certain attributes per user. The higher the weight, the higher the priority.", "routed": "Routed", "reassigned": "Reassigned", "rerouted": "Rerouted", @@ -2906,5 +2902,7 @@ "something_unexpected_occurred": "Something unexpected occurred", "500_error_message": "It's not you, it's us.", "dry_run_mode_active": "You are doing a test booking.", + "icon_showcase": "Icon showcase", + "icons_showcase": "Icons showcase", "ADD_NEW_STRINGS_ABOVE_THIS_LINE_TO_PREVENT_MERGE_CONFLICTS": "↑↑↑↑↑↑↑↑↑↑↑↑↑ Add your new strings above here ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑" -} +} \ No newline at end of file diff --git a/packages/config/tailwind-preset.js b/packages/config/tailwind-preset.js index c93ef3b4855e4b..6f21acbe0ff211 100644 --- a/packages/config/tailwind-preset.js +++ b/packages/config/tailwind-preset.js @@ -6,6 +6,7 @@ const subtleColor = "#E5E7EB"; module.exports = { content: [ "./pages/**/*.{js,ts,jsx,tsx}", + "./app/**/*.{js,ts,jsx,tsx}", "./modules/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}", "../../packages/app-store/**/*{components,pages}/**/*.{js,ts,jsx,tsx}",