coderomm
diff --git a/‎apps/collabydraw/app/favicon.ico‎
-21.1 KB b/‎apps/collabydraw/app/favicon.ico‎
-21.1 KB
diff --git a/‎apps/collabydraw/app/layout.tsx‎
Lines changed: 10 additions & 4 deletions b/‎apps/collabydraw/app/layout.tsx‎
Lines changed: 10 additions & 4 deletions
diff --git a/‎apps/collabydraw/components/EncryptedWidget.tsx‎
Lines changed: 22 additions & 0 deletions b/‎apps/collabydraw/components/EncryptedWidget.tsx‎
Lines changed: 22 additions & 0 deletions
diff --git a/‎apps/collabydraw/components/IconButton.tsx‎
Lines changed: 0 additions & 13 deletions b/‎apps/collabydraw/components/IconButton.tsx‎
Lines changed: 0 additions & 13 deletions
diff --git a/‎apps/collabydraw/components/SvgIcons.tsx‎
Lines changed: 8 additions & 0 deletions b/‎apps/collabydraw/components/SvgIcons.tsx‎
Lines changed: 8 additions & 0 deletions
diff --git a/‎apps/collabydraw/components/canvas/CanvasBoard.tsx‎
Lines changed: 4 additions & 0 deletions b/‎apps/collabydraw/components/canvas/CanvasBoard.tsx‎
Lines changed: 4 additions & 0 deletions
diff --git a/‎apps/collabydraw/public/brand/CollabyDraw1.png‎
40.3 KB b/‎apps/collabydraw/public/brand/CollabyDraw1.png‎
40.3 KB
diff --git a/‎apps/collabydraw/public/brand/CollabyDraw2.png‎
196 KB b/‎apps/collabydraw/public/brand/CollabyDraw2.png‎
196 KB
diff --git a/‎apps/collabydraw/public/brand/CollabyDraw3.png‎
66.1 KB b/‎apps/collabydraw/public/brand/CollabyDraw3.png‎
66.1 KB
diff --git a/‎apps/collabydraw/public/brand/CollabyDraw4.png‎
98.1 KB b/‎apps/collabydraw/public/brand/CollabyDraw4.png‎
98.1 KB
@@ -4,6 +4,7 @@ import "./globals.css";
 import Provider from "./provider";
 import { Toaster } from "sonner";
 import { ThemeProvider } from "@/components/theme-provider";
+import { baseMetadata, jsonLdSchema } from "@/utils/metadata";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -26,10 +27,7 @@ const assistant = Assistant({
   display: "swap",
 });
 
-export const metadata: Metadata = {
-  title: "CollabyDraw | Om Sharma",
-  description: "CollabyDraw Build By Om Sharma",
-};
+export const metadata: Metadata = baseMetadata;
 
 export default function RootLayout({
   children,
@@ -38,6 +36,14 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
+      <head>
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify(jsonLdSchema)
+          }}
+        />
+      </head>
       <body
         className={`${geistSans.variable} ${geistMono.variable} ${assistant.variable} antialiased flex min-h-screen flex-col bg-background`}
       >
 
@@ -0,0 +1,22 @@
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";
+import Link from "next/link";
+import { EncryptedIcon } from "./SvgIcons";
+
+export default function EncryptedWidget() {
+    return (
+        <div className="Secure_App_Tooltip fixed z-[4] bottom-4 right-4 rounded-lg hidden md:flex items-center surface-box-shadow">
+            <TooltipProvider delayDuration={0}>
+                <Tooltip key={""}>
+                    <TooltipTrigger asChild>
+                        <Link href="!#" className="text-color-primary">
+                            <EncryptedIcon className="w-[1.2rem] h-[1.2rem]" />
+                        </Link>
+                    </TooltipTrigger>
+                    <TooltipContent className="font-excalifont">
+                        Your drawings are end-to-end encrypted so Collabydraw&apos;s servers will never see them.
+                    </TooltipContent>
+                </Tooltip>
+            </TooltipProvider>
+        </div>
+    );
+};
@@ -37,4 +37,12 @@ export function TextIcon({ className }: { className: string }) {
             </g>
         </svg>
     )
+}
+
+export function EncryptedIcon({ className }: { className: string }) {
+    return (
+        <svg aria-hidden="true" focusable="false" role="img" viewBox="0 0 24 24" className={cn("size-6", className)}>
+            <path fill="currentColor" d="M11.553 22.894a.998.998 0 00.894 0s3.037-1.516 5.465-4.097C19.616 16.987 21 14.663 21 12V5a1 1 0 00-.649-.936l-8-3a.998.998 0 00-.702 0l-8 3A1 1 0 003 5v7c0 2.663 1.384 4.987 3.088 6.797 2.428 2.581 5.465 4.097 5.465 4.097zm-1.303-8.481l6.644-6.644a.856.856 0 111.212 1.212l-7.25 7.25a.856.856 0 01-1.212 0l-3.75-3.75a.856.856 0 111.212-1.212l3.144 3.144z"></path>
+        </svg>
+    )
 }
@@ -20,6 +20,7 @@ import CollaborationToolbar from "../CollaborationToolbar";
 import ZoomControl from "../ZoomControl";
 import CollabydrawTextEditorContainer from "../Collabydraw-TextEditorContainer";
 import { HomeWelcome, MainMenuWelcome, ToolMenuWelcome } from "../welcome-screen";
+import EncryptedWidget from "../EncryptedWidget";
 
 export default function CanvasBoard() {
     const { data: session, status } = useSession();
@@ -368,7 +369,10 @@ export default function CanvasBoard() {
                         }))
                     }
                 />
+            )}
 
+            {!isLoading && matches && (
+                <EncryptedWidget />
             )}
 
             <CollabydrawTextEditorContainer />
Original file line number	Diff line number	Diff line change
`@@ -37,4 +37,12 @@ export function TextIcon({ className }: { className: string }) {`
`37`	`37`	`</g>`
`38`	`38`	`</svg>`
`39`	`39`	`)`
	`40`	`+}`
	`41`	`+`
	`42`	`+export function EncryptedIcon({ className }: { className: string }) {`
	`43`	`+ return (`
	`44`	`+ <svg aria-hidden="true" focusable="false" role="img" viewBox="0 0 24 24" className={cn("size-6", className)}>`
	`45`	`+ <path fill="currentColor" d="M11.553 22.894a.998.998 0 00.894 0s3.037-1.516 5.465-4.097C19.616 16.987 21 14.663 21 12V5a1 1 0 00-.649-.936l-8-3a.998.998 0 00-.702 0l-8 3A1 1 0 003 5v7c0 2.663 1.384 4.987 3.088 6.797 2.428 2.581 5.465 4.097 5.465 4.097zm-1.303-8.481l6.644-6.644a.856.856 0 111.212 1.212l-7.25 7.25a.856.856 0 01-1.212 0l-3.75-3.75a.856.856 0 111.212-1.212l3.144 3.144z"></path>`
	`46`	`+ </svg>`
	`47`	`+ )`
`40`	`48`	`}`