Cansy name change

apps/dashboard-app/components/LeftSidebarClient.tsx

@@ -15,8 +15,9 @@ const LeftSidebarClient = () => {
   return (
     <>
         <LeftSidebar
-          appName="Code Automation System"
+          appName="Code Automations & Notion System"
           appIcon="./logo.png"
+          appDarkIcon="./logo-dark.png"
           sidebarStartItems={sidebarStartItems}
           sidebarEndItems={sidebarEndItems}
           redirect={redirect}/>

apps/docs/docs/getting-started/Get Credentials/gmail-login.md

@@ -19,7 +19,7 @@ sidebar_position: 3
 1. After enabling the API, go to "APIs & Services" > "OAuth consent screen".
    ![OAuth Consent Screen](/img/consent-screen.png)
 2. Select External User Type and Create OAuth Consent Screen.
-3. Insert your App name (CASY), User support email, application home page (*https://bsamaritan.com*), authorized domain(*https://bsamaritan.com*), developer contact information, and privacy policy link which you can generate
+3. Insert your App name (CANSY), User support email, application home page (*https://bsamaritan.com*), authorized domain(*https://bsamaritan.com*), developer contact information, and privacy policy link which you can generate
 from [Termsfeed Privacy Policy Generator Site](https://www.termsfeed.com).
    ![OAuth Consent Screen](/img/app-info-consent-screen.png)
 4. In the "Scopes for Google APIs" section, select the top three scopes (userinfo.email, userinfo.profile, and openid) and click Update.

apps/docs/docs/getting-started/Get Credentials/google-drive.md

@@ -26,8 +26,7 @@ sidebar_position: 3
 1. After enabling the API, go to "APIs & Services" > "OAuth consent screen".
    ![OAuth Consent Screen](/img/consent-screen.png)
 2. Select External User Type and Create OAuth Consent Screen.
-3. Insert your App name (CASY), User support email, application home page (*https://bsamaritan.com*), authorized domain(*https://bsamaritan.com*), developer contact information, and privacy policy link which you can generate
-from [Termsfeed Privacy Policy Generator Site](https://www.termsfeed.com).
+3. Insert your App name (CANSY), User support email, application home page (*https://bsamaritan.com*), authorized domain(*https://bsamaritan.com*, *https://www.termsfeed.com*, *https://www.termsofusegenerator.net*), developer contact information, privacy policy link which you can generate from [Termsfeed Privacy Policy Generator Site](https://www.termsfeed.com) and terms of service from [Terms of Use Generator Site](https://www.termsofusegenerator.net) and click on Save.
    ![OAuth Consent Screen](/img/app-info-consent-screen.png)
 4. In the "Scopes for Google APIs" section, add the following scope in the Manually add scopes field and add to table then click Update:
    - *https://www.googleapis.com/auth/drive*

apps/docs/docs/getting-started/Get Credentials/notion.md

@@ -4,6 +4,8 @@ sidebar_position: 1
 
 # Notion OAuth
 
-1. Go to Notion Creator Website - https://www.notion.so/profile/integrations
+1. Go to Notion Creator Website - [Notion Creator Website](https://www.notion.so/profile/integrations)
 2. Login to existing account or Create a new notion creator account.
-3. Create a new Integration with Associated Workspace 
+3. Create a new Integration with Associated Workspace with Type Public.
+4. Write your Company Name, Website, Privacy Policy from [Termsfeed Privacy Policy Generator Site](https://www.termsfeed.com), Terms of Use URL from [Terms of Use Generator Site](https://www.termsofusegenerator.net), Email of developer, Redirect URL as *http://localhost:4000/api/auth/callback/notion* and click on Save.
+5. Click on the Integration you created and copy the Client ID, Client Secret and Authorization URL.

apps/docs/docs/getting-started/Get Credentials/youtube.md

@@ -28,7 +28,7 @@ sidebar_position: 4
 1. After enabling the API, go to "APIs & Services" > "OAuth consent screen".
    ![OAuth Consent Screen](/img/consent-screen.png)
 2. Select External User Type and Create OAuth Consent Screen.
-3. Insert your App name (CASY), User support email, application home page (*https://bsamaritan.com*), authorized domain(*https://bsamaritan.com*), developer contact information, and privacy policy link which you can generate
+3. Insert your App name (CANSY), User support email, application home page (*https://bsamaritan.com*), authorized domain(*https://bsamaritan.com*), developer contact information, and privacy policy link which you can generate
 from [Termsfeed Privacy Policy Generator Site](https://www.termsfeed.com).
    ![OAuth Consent Screen](/img/app-info-consent-screen.png)
 4. In the "Scopes for Google APIs" section, add the following scope in the Manually add scopes field and add to table then click Update:

apps/docs/docs/overview.md

@@ -4,11 +4,11 @@ sidebar_position: 1
 
 # Overview
 
-CASY (Code Automation System) is  a open source semi code automation solution to automate every aspect of your life with sample code generation and public workflows with third party connections like Notion, Open AI, Youtube and Google Drive using the above boilerplate. 
+CANSY (Code Automations & Notion System) is  a open source semi code automation solution to automate every aspect of your life with sample code generation and public workflows with third party connections like Notion, Open AI, Youtube and Google Drive using the above boilerplate. 
 
 ## Key Features
 
-CASY comes with a fully customizable features that cater to a diverse set of users. Here are some of the key features:
+CANSY comes with a fully customizable features that cater to a diverse set of users. Here are some of the key features:
 
 * **Automations**: Create Automations by creating series of trigger and actions of multiple code blocks.
 * **Sample Code Generation**: Generate Code Blocks related to third party api calls to Notion, OpenAI, Youtube, Google Drive, etc.
@@ -19,7 +19,7 @@ CASY comes with a fully customizable features that cater to a diverse set of use
 
 This documentation is intended for:
 
-* **New Users**: If you're new to CASY, this guide will help you get started, set up your account, and begin using the application effectively.
+* **New Users**: If you're new to CANSY, this guide will help you get started, set up your account, and begin using the application effectively.
 * **Experienced Users**:  If you're already familiar with our application, this documentation serves as a valuable resource for advanced configurations, best practices, and troubleshooting.
 
 ## How to Use This Documentation

apps/docs/docusaurus.config.ts

@@ -5,8 +5,8 @@ import type * as Preset from '@docusaurus/preset-classic';
 // This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
 
 const config: Config = {
-  title: 'CASY Documentations',
-  tagline: 'Code Automations and Systems for Gamifying Life',
+  title: 'CANSY Documentations',
+  tagline: 'Code Automations and NotionSystems for Gamifying Life',
   favicon: 'img/favicon.ico',
 
   // Set the production url of your site here
@@ -18,7 +18,7 @@ const config: Config = {
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.
   organizationName: 'Bayesian Labs', // Usually your GitHub org/user name.
-  projectName: 'code automation systems', // Usually your repo name.
+  projectName: 'code automation & notion systems', // Usually your repo name.
 
   onBrokenLinks: 'throw',
   onBrokenMarkdownLinks: 'warn',
@@ -40,7 +40,7 @@ const config: Config = {
           // Please change this to your repo.
           // Remove this to remove the "edit this page" links.
           editUrl:
-            'https://github.com/anoopkarnik/code-automation-systems/tree/main/apps/docs',
+            'https://github.com/anoopkarnik/code-automations-notion-systems/tree/main/apps/docs',
         },
         blog: {
           showReadingTime: true,
@@ -51,7 +51,7 @@ const config: Config = {
           // Please change this to your repo.
           // Remove this to remove the "edit this page" links.
           editUrl:
-            'https://github.com/anoopkarnik/code-automation-systems/tree/main/apps/docs/blog/',
+            'https://github.com/anoopkarnik/code-automations-notion-systems/tree/main/apps/docs/blog/',
           // Useful options to enforce blogging best practices
           onInlineTags: 'warn',
           onInlineAuthors: 'warn',
@@ -68,7 +68,7 @@ const config: Config = {
     // Replace with your project's social card
     image: 'img/docusaurus-social-card.jpg',
     navbar: {
-      title: 'Code Automation Systems',
+      title: 'Code Automation & Notion Systems',
       logo: {
         alt: 'CAS',
         src: 'img/logo.png',
@@ -82,7 +82,7 @@ const config: Config = {
         },
         {to: '/blog', label: 'Blog', position: 'left'},
         {
-          href: 'https://github.com/anoopkarnik/code-automation-systems',
+          href: 'https://github.com/anoopkarnik/code-automations-notion-systems',
           label: 'GitHub',
           position: 'right',
         },
@@ -118,12 +118,12 @@ const config: Config = {
             },
             {
               label: 'GitHub',
-              href: 'https://github.com/anoopkarnik/code-automation-systems',
+              href: 'https://github.com/anoopkarnik/code-automations-notion-systems',
             },
           ],
         },
       ],
-      copyright: `Copyright © ${new Date().getFullYear()} Code Automation Systems, Inc.`,
+      copyright: `Copyright © ${new Date().getFullYear()} Code Automations & Notion Systems, Inc.`,
     },
     prism: {
       theme: prismThemes.github,

apps/docs/src/pages/index.tsx

@@ -20,7 +20,7 @@ function HomepageHeader() {
           <Link
             className="button button--secondary button--lg"
             to="/docs/overview">
-            CASY Overview
+            CANSY Overview
           </Link>
         </div>
       </div>

packages/ui/src/components/organisms/home/LeftSidebar.tsx

@@ -7,16 +7,17 @@ import { useMediaQuery } from 'usehooks-ts'
 import { ChevronsLeft, AlignJustifyIcon } from 'lucide-react'
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../atoms/shadcn/Tooltip'
 import LeftSidebarItem from './LeftSidebarItem'
-
+import { useTheme } from 'next-themes';
 interface LeftSidebarProps {
     appName: string
     appIcon: string
+    appDarkIcon: string
     sidebarStartItems: any
     sidebarEndItems: any
     redirect: (href: string) => void
 }
 
-const LeftSidebar = ({ appName, appIcon, sidebarStartItems, sidebarEndItems, redirect }: LeftSidebarProps) => {
+const LeftSidebar = ({ appName, appIcon, appDarkIcon, sidebarStartItems, sidebarEndItems, redirect }: LeftSidebarProps) => {
     const pathname = usePathname();
     const isMobile = useMediaQuery("(max-width: 640px)");
     const isNotMobile = useMediaQuery("(min-width: 640px)");
@@ -25,6 +26,7 @@ const LeftSidebar = ({ appName, appIcon, sidebarStartItems, sidebarEndItems, red
     const navbarRef = useRef<ElementRef<"div">>(null);
     const [isResetting, setIsResetting] = useState(false);
     const [isCollapsed, setIsCollapsed] = useState(isMobile);
+    const {theme} = useTheme();
 
     const resetWidth = () => {
         if (sidebarRef.current && navbarRef.current) {
@@ -87,8 +89,8 @@ const LeftSidebar = ({ appName, appIcon, sidebarStartItems, sidebarEndItems, red
                         <div className={cn('flex items-center justify-center gap-4 w-full border-border/40 border-b-2 pb-4 ml-4',
                             isMobile && isCollapsed && 'border-none'
                         )}>
-                            {(!isMobile || (isMobile && !isCollapsed)) && appIcon && <img src={appIcon} alt={appName} className='w-10 h-10' />}
-                            {(!isMobile || (isMobile && !isCollapsed)) && appName && <h1 className='text-emphasized text-wrap '>{appName}</h1>}
+                            {(!isMobile || (isMobile && !isCollapsed)) && appIcon && <img src={theme === "dark" ? appDarkIcon : appIcon} alt={appName} className='w-10 h-10' />}
+                            {(!isMobile || (isMobile && !isCollapsed)) && appName && <h1 className='text-paragraph text-wrap '>{appName}</h1>}
                         </div>
                         <div className='pt-4'>
                             {sidebarStartItems.map((item: any, index: number) => (