Merge pull request #3189 from liam-hq/refactor/cta-bar-styles

♻️ Move CtaBar styles to dedicated module CSS file

Author: MH4GF

frontend/apps/app/components/SessionDetailPage/components/Chat/components/ChatInput/ChatInput.module.css

@@ -5,33 +5,6 @@
   padding: var(--spacing-2);
 }
 
-.ctaBar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: var(--spacing-3) var(--spacing-4);
-  background-color: var(--primary-accent);
-  border-radius: var(--border-radius-base);
-  color: var(--global-foreground);
-}
-
-.ctaText {
-  font-size: var(--font-size-3);
-  font-weight: var(--font-weight-medium);
-}
-
-.ctaButton {
-  background-color: white !important;
-  color: var(--primary-accent) !important;
-  border: 1px solid transparent !important;
-  font-weight: var(--font-weight-medium);
-}
-
-.ctaButton:hover {
-  background-color: rgba(255, 255, 255, 0.9) !important;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
 .inputContainer {
   display: flex;
   align-items: flex-end;

frontend/apps/app/components/SessionDetailPage/components/Chat/components/ChatInput/CtaBar.module.css

@@ -0,0 +1,26 @@
+.ctaBar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--spacing-3) var(--spacing-4);
+  background-color: var(--primary-accent);
+  border-radius: var(--border-radius-base);
+  color: var(--global-foreground);
+}
+
+.ctaText {
+  font-size: var(--font-size-3);
+  font-weight: var(--font-weight-medium);
+}
+
+.ctaButton {
+  background-color: white !important;
+  color: var(--primary-accent) !important;
+  border: 1px solid transparent !important;
+  font-weight: var(--font-weight-medium);
+}
+
+.ctaButton:hover {
+  background-color: rgba(255, 255, 255, 0.9) !important;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}

frontend/apps/app/components/SessionDetailPage/components/Chat/components/ChatInput/CtaBar.tsx

@@ -1,6 +1,6 @@
 import { Button } from '@liam-hq/ui'
 import type { FC } from 'react'
-import styles from './ChatInput.module.css'
+import styles from './CtaBar.module.css'
 
 type Props = {
   onSignUpClick: () => void

frontend/apps/app/eslint-suppressions.json

@@ -209,7 +209,7 @@
   },
   "components/SessionDetailPage/components/Chat/components/ChatInput/ChatInput.module.css": {
     "css-modules-kit/no-unused-class-names": {
-      "count": 5
+      "count": 1
     }
   },
   "components/SessionDetailPage/components/Chat/components/ChatInput/ChatInput.tsx": {