From 0afac88ec6616d24c3d55c228be0e2fcad279927 Mon Sep 17 00:00:00 2001 From: burnedchris Date: Tue, 26 Nov 2024 23:52:08 +0000 Subject: [PATCH 01/12] fix: :bug: Fixed bug on avatars, where if the image is not square it will look squashed, using object-cover should fix that --- apps/dashboard/components/ui/avatar.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/dashboard/components/ui/avatar.tsx b/apps/dashboard/components/ui/avatar.tsx index 05ab6aa4b6..13791eee9b 100644 --- a/apps/dashboard/components/ui/avatar.tsx +++ b/apps/dashboard/components/ui/avatar.tsx @@ -23,7 +23,7 @@ const AvatarImage = React.forwardRef< >(({ className, ...props }, ref) => ( )); From 1af74470e907f2545e3f671634f043d56aea7e10 Mon Sep 17 00:00:00 2001 From: burnedchris Date: Fri, 17 Jan 2025 18:04:14 +0000 Subject: [PATCH 02/12] feat: integrate consent management features - Updated pnpm-lock.yaml to version 9.0 and adjusted package versions for dependencies. - Added @koroflow/core-react for consent management. - Implemented ConsentManagerProvider in layout.tsx to manage user consent. - Created CookieBanner and ConsentCustomizationDialog components for user consent interactions. - Enhanced button components to support onKeyDown and onKeyUp events. - Updated footer to include a link for changing consent preferences. - Integrated consent checks in PostHogPageView for analytics tracking based on user consent. --- apps/www/app/layout.tsx | 49 +- apps/www/components/button.tsx | 28 +- .../consent/consent-customization-dialog.tsx | 159 + .../consent/consent-customization-widget.tsx | 124 + apps/www/components/consent/cookie-banner.tsx | 180 + apps/www/components/consent/overlay.tsx | 21 + apps/www/components/footer/footer.tsx | 182 +- apps/www/components/ui/switch.tsx | 29 + apps/www/package.json | 2 + .../www/providers/posthog/PostHogPageView.tsx | 7 +- pnpm-lock.yaml | 28989 +++++++++------- 11 files changed, 17002 insertions(+), 12768 deletions(-) create mode 100644 apps/www/components/consent/consent-customization-dialog.tsx create mode 100644 apps/www/components/consent/consent-customization-widget.tsx create mode 100644 apps/www/components/consent/cookie-banner.tsx create mode 100644 apps/www/components/consent/overlay.tsx create mode 100644 apps/www/components/ui/switch.tsx diff --git a/apps/www/app/layout.tsx b/apps/www/app/layout.tsx index ec216b1667..ab06099266 100644 --- a/apps/www/app/layout.tsx +++ b/apps/www/app/layout.tsx @@ -7,6 +7,9 @@ import { GeistSans } from "geist/font/sans"; import type { Metadata } from "next"; import dynamic from "next/dynamic"; import "./globals.css"; +import { ConsentManagerProvider } from "@koroflow/core-react"; +import CookieBanner from "@/components/consent/cookie-banner"; +import { ConsentCustomizationDialog } from "@/components/consent/consent-customization-dialog"; const PostHogPageView = dynamic(() => import("@/providers/posthog/PostHogPageView"), { ssr: false, @@ -49,26 +52,32 @@ export default function RootLayout({ lang="en" className={`[color-scheme:dark] scroll-smooth ${GeistSans.variable} ${GeistMono.variable}`} > - - - -
- - {children} - {process.env.NODE_ENV !== "production" ? ( -
-
al
-
sm
-
md
-
lg
-
xl
-
2xl
-
- ) : null} -
-