Fixed the scroll issue on ads screen

HousewareHQ · Jul 15, 2024 · 12b6cd6 · 12b6cd6
1 parent a5abe4c
commit 12b6cd6
Show file tree

Hide file tree

Showing 7 changed files with 3,031 additions and 2,998 deletions.
diff --git a/package-dist/chatScreen/ChatScreenKeywords.d.ts b/package-dist/chatScreen/ChatScreenKeywords.d.ts
@@ -17,7 +17,11 @@ export interface ChatScreenKeywordsProps {
     keywordsData: Array<DataType>;
     pageHeading: string;
     handleProceed: (selectedRows: DataType[]) => void;
-    productCampaign: string;
+    productCampaign: {
+        description: string;
+        country: string;
+        language: string;
+    };
 }
 export declare function ChatScreenKeywords({ pageHeading, keywordsData, handleStartFresh, handleProceed, productCampaign, }: ChatScreenKeywordsProps): import("react/jsx-runtime").JSX.Element;
 export {};
diff --git a/package-dist/common/AdsTextInput.d.ts b/package-dist/common/AdsTextInput.d.ts
@@ -4,10 +4,14 @@ import { LegacyRef } from 'react';
 import * as React from "react";
 export interface AdsTextInputProps {
     inputRef?: LegacyRef<InputRef> | null;
-    placeholder?: string;
     userQuery: string;
     setUserQuery: React.Dispatch<React.SetStateAction<string>>;
     handleSendMessage: () => void;
     isFollowupDisabled?: boolean;
+    placeholders?: {
+        inputPlaceholder: string;
+        country: string;
+        language: string;
+    };
 }
 export declare const AdsTextInput: React.FC<AdsTextInputProps>;
diff --git a/package-dist/ui-gallery.es.js b/package-dist/ui-gallery.es.js
diff --git a/package-dist/ui-gallery.umd.js b/package-dist/ui-gallery.umd.js
diff --git a/package-dist/welcomeScreen/WelcomeScreenAds.d.ts b/package-dist/welcomeScreen/WelcomeScreenAds.d.ts
@@ -4,5 +4,10 @@ export interface WelcomeScreenAdsProps {
     handleSendMessage: (userQuery: string) => void;
     heading: string;
     subHeading: string;
+    placeholders: {
+        inputPlaceholder: string;
+        country: string;
+        language: string;
+    };
 }
 export declare const WelcomeScreenAds: React.FC<WelcomeScreenAdsProps>;
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ui-gallery",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "type": "module",
   "files": [
     "package-dist"

diff --git a/src/components/chatScreen/ChatScreenAdsPreview.tsx b/src/components/chatScreen/ChatScreenAdsPreview.tsx
@@ -95,27 +95,27 @@ export function ChatScreenAdsPreview({
       vertical
       align="center"
     >
+      <Typography.Title
+        level={3}
+        style={{
+          width: "30vw",
+          textAlign: "center",
+          fontFamily: "Sedan",
+        }}
+      >
+        {pageHeading}
+      </Typography.Title>
       <Flex
         style={{
           width: "75vw",
-
-          overflow: "auto",
+          padding: "1vh 16px 5vh",
+          overflowY: "auto",
         }}
         vertical
         align="center"
         justify="flex-start"
         gap={24}
       >
-        <Typography.Title
-          level={3}
-          style={{
-            width: "30vw",
-            textAlign: "center",
-            fontFamily: "Sedan",
-          }}
-        >
-          {pageHeading}
-        </Typography.Title>
         <Card
           size="small"
           style={{