fix(html): ai prompt toolbar classes

zhpenkov · zhpenkov · commit 190079570c4d · 2024-11-05T11:55:11.000+02:00
diff --git a/packages/html/src/prompt/templates/prompt-more-actions.tsx b/packages/html/src/prompt/templates/prompt-more-actions.tsx
@@ -8,7 +8,7 @@ export const PromptMoreActions = (props) => (
         {...props}
     >
         <PromptHeader>
-            <Toolbar className="k-toolbar-flat">
+            <Toolbar fillMode="flat">
                 <IconTextButton fillMode="flat" themeColor="primary" icon="sparkles" rounded="full">Ask AI</IconTextButton>
                 <IconTextButton fillMode="flat" themeColor="primary" icon="comment" rounded="full">Output</IconTextButton>
                 <IconButton fillMode="flat" themeColor="primary" icon="more-horizontal" rounded="full" selected></IconButton>
diff --git a/packages/html/src/prompt/templates/prompt-normal.tsx b/packages/html/src/prompt/templates/prompt-normal.tsx
@@ -8,7 +8,7 @@ export const PromptNormal = (props) => (
         {...props}
     >
         <PromptHeader>
-            <Toolbar className="k-toolbar-flat">
+            <Toolbar fillMode="flat">
                 <IconTextButton fillMode="flat" themeColor="primary" icon="sparkles" rounded="full" selected>Ask AI</IconTextButton>
                 <IconTextButton fillMode="flat" themeColor="primary" icon="comment" rounded="full">Output</IconTextButton>
                 <IconButton fillMode="flat" themeColor="primary" icon="more-horizontal" rounded="full"></IconButton>
diff --git a/packages/html/src/prompt/templates/prompt-output.tsx b/packages/html/src/prompt/templates/prompt-output.tsx
@@ -9,7 +9,7 @@ export const PromptOutput = (props) => (
         {...props}
     >
         <PromptHeader>
-            <Toolbar className="k-toolbar-flat">
+            <Toolbar fillMode="flat">
                 <IconTextButton fillMode="flat" themeColor="primary" icon="sparkles" rounded="full">Ask AI</IconTextButton>
                 <IconTextButton fillMode="flat" themeColor="primary" icon="comment" rounded="full" selected>Output</IconTextButton>
                 <IconButton fillMode="flat" themeColor="primary" icon="more-horizontal" rounded="full"></IconButton>
diff --git a/packages/html/src/prompt/templates/prompt-popup.tsx b/packages/html/src/prompt/templates/prompt-popup.tsx
@@ -10,7 +10,7 @@ export const PromptInPopup = (props) => (
             {...props}
         >
             <PromptHeader>
-                <Toolbar className="k-toolbar-flat">
+                <Toolbar fillMode="flat">
                     <IconTextButton fillMode="flat" themeColor="primary" icon="sparkles" rounded="full" selected>Ask AI</IconTextButton>
                     <IconTextButton fillMode="flat" themeColor="primary" icon="comment" rounded="full">Output</IconTextButton>
                     <IconButton fillMode="flat" themeColor="primary" icon="more-horizontal" rounded="full"></IconButton>
diff --git a/packages/html/src/prompt/templates/prompt-settings.tsx b/packages/html/src/prompt/templates/prompt-settings.tsx
@@ -7,7 +7,7 @@ import { Prompt, PromptHeader, PromptFooter, PromptContent, PromptSetting, Promp
 export const PromptSettings = (props) => (
     <Prompt {...props}>
         <PromptHeader>
-            <Toolbar className="k-toolbar-flat">
+            <Toolbar fillMode="flat">
                 <IconTextButton fillMode="flat" themeColor="primary" icon="sparkles" rounded="full" selected>Ask AI</IconTextButton>
                 <IconTextButton fillMode="flat" themeColor="primary" icon="comment" rounded="full">Output</IconTextButton>
                 <IconButton fillMode="flat" themeColor="primary" icon="more-horizontal" rounded="full"></IconButton>
diff --git a/packages/html/src/prompt/templates/prompt-suggestions.tsx b/packages/html/src/prompt/templates/prompt-suggestions.tsx
@@ -7,7 +7,7 @@ import { Prompt, PromptHeader, PromptFooter, PromptContent, PromptSuggestion, Pr
 export const PromptSuggestions = (props) => (
     <Prompt {...props}>
         <PromptHeader>
-            <Toolbar className="k-toolbar-flat">
+            <Toolbar fillMode="flat">
                 <IconTextButton fillMode="flat" themeColor="primary" icon="sparkles" rounded="full" selected>Ask AI</IconTextButton>
                 <IconTextButton fillMode="flat" themeColor="primary" icon="comment" rounded="full">Output</IconTextButton>
                 <IconButton fillMode="flat" themeColor="primary" icon="more-horizontal" rounded="full"></IconButton>

Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@ export const PromptMoreActions = (props) => (`
`8`	`8`	`{...props}`
`9`	`9`	`>`
`10`	`10`	`<PromptHeader>`
`11`		`- <Toolbar className="k-toolbar-flat">`
	`11`	`+ <Toolbar fillMode="flat">`
`12`	`12`	`<IconTextButton fillMode="flat" themeColor="primary" icon="sparkles" rounded="full">Ask AI</IconTextButton>`
`13`	`13`	`<IconTextButton fillMode="flat" themeColor="primary" icon="comment" rounded="full">Output</IconTextButton>`
`14`	`14`	`<IconButton fillMode="flat" themeColor="primary" icon="more-horizontal" rounded="full" selected></IconButton>`
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@ export const PromptNormal = (props) => (`
`8`	`8`	`{...props}`
`9`	`9`	`>`
`10`	`10`	`<PromptHeader>`
`11`		`- <Toolbar className="k-toolbar-flat">`
	`11`	`+ <Toolbar fillMode="flat">`
`12`	`12`	`<IconTextButton fillMode="flat" themeColor="primary" icon="sparkles" rounded="full" selected>Ask AI</IconTextButton>`
`13`	`13`	`<IconTextButton fillMode="flat" themeColor="primary" icon="comment" rounded="full">Output</IconTextButton>`
`14`	`14`	`<IconButton fillMode="flat" themeColor="primary" icon="more-horizontal" rounded="full"></IconButton>`
Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@ export const PromptOutput = (props) => (`
`9`	`9`	`{...props}`
`10`	`10`	`>`
`11`	`11`	`<PromptHeader>`
`12`		`- <Toolbar className="k-toolbar-flat">`
	`12`	`+ <Toolbar fillMode="flat">`
`13`	`13`	`<IconTextButton fillMode="flat" themeColor="primary" icon="sparkles" rounded="full">Ask AI</IconTextButton>`
`14`	`14`	`<IconTextButton fillMode="flat" themeColor="primary" icon="comment" rounded="full" selected>Output</IconTextButton>`
`15`	`15`	`<IconButton fillMode="flat" themeColor="primary" icon="more-horizontal" rounded="full"></IconButton>`
Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ export const PromptInPopup = (props) => (`
`10`	`10`	`{...props}`
`11`	`11`	`>`
`12`	`12`	`<PromptHeader>`
`13`		`- <Toolbar className="k-toolbar-flat">`
	`13`	`+ <Toolbar fillMode="flat">`
`14`	`14`	`<IconTextButton fillMode="flat" themeColor="primary" icon="sparkles" rounded="full" selected>Ask AI</IconTextButton>`
`15`	`15`	`<IconTextButton fillMode="flat" themeColor="primary" icon="comment" rounded="full">Output</IconTextButton>`
`16`	`16`	`<IconButton fillMode="flat" themeColor="primary" icon="more-horizontal" rounded="full"></IconButton>`