move regenerate button to its own file

Author: chloebyun-wd

dist/components/bubbles/BotBubble.d.ts.map

@@ -9,6 +9,5 @@ type RatingButtonProps = {
 export declare const CopyToClipboardButton: (props: RatingButtonProps) => JSX.Element;
 export declare const ThumbsUpButton: (props: RatingButtonProps) => JSX.Element;
 export declare const ThumbsDownButton: (props: RatingButtonProps) => JSX.Element;
-export declare const RegenerateResponseButton: (props: RatingButtonProps) => JSX.Element;
 export {};
 //# sourceMappingURL=FeedbackButtons.d.ts.map

dist/components/buttons/FeedbackButtons.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'solid-js';
+type RegenerateResponseButtonProps = {
+    feedbackColor?: string;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    disableIcon?: boolean;
+} & JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const RegenerateResponseButton: (props: RegenerateResponseButtonProps) => JSX.Element;
+export {};
+//# sourceMappingURL=RegenerateResponseButton.d.ts.map

dist/components/buttons/FeedbackButtons.d.ts.map

@@ -4,7 +4,8 @@ import { Marked } from '@ts-stack/markdown';
 import DOMPurify from 'dompurify';
 import { FeedbackRatingType, sendFeedbackQuery, sendFileDownloadQuery, updateFeedbackQuery } from '@/queries/sendMessageQuery';
 import { FileUpload, IAction, MessageType } from '../Bot';
-import { CopyToClipboardButton, RegenerateResponseButton, ThumbsDownButton, ThumbsUpButton } from '../buttons/FeedbackButtons';
+import { CopyToClipboardButton, ThumbsDownButton, ThumbsUpButton } from '../buttons/FeedbackButtons';
+import { RegenerateResponseButton } from '../buttons/RegenerateResponseButton';
 import { TTSButton } from '../buttons/TTSButton';
 import FeedbackContentDialog from '../FeedbackContentDialog';
 import { AgentReasoningBubble } from './AgentReasoningBubble';

dist/components/buttons/RegenerateResponseButton.d.ts

@@ -1,6 +1,6 @@
 import { JSX, Show } from 'solid-js';
 import { Spinner } from './SendButton';
-import { ClipboardIcon, DeleteIcon as RefreshIcon, ThumbsDownIcon, ThumbsUpIcon } from '../icons';
+import { ClipboardIcon, ThumbsDownIcon, ThumbsUpIcon } from '../icons';
 
 type RatingButtonProps = {
   feedbackColor?: string;
@@ -70,23 +70,3 @@ export const ThumbsDownButton = (props: RatingButtonProps) => {
     </button>
   );
 };
-
-export const RegenerateResponseButton = (props: RatingButtonProps) => {
-  return (
-    <button
-      type="button"
-      disabled={props.isDisabled || props.isLoading}
-      {...props}
-      class={
-        'p-2 justify-center font-semibold text-white focus:outline-none flex items-center disabled:opacity-50 disabled:cursor-not-allowed disabled:brightness-100 transition-all filter hover:brightness-90 active:brightness-75 chatbot-button ' +
-        props.class
-      }
-      style={{ background: 'transparent', border: 'none' }}
-      title="Regenerate response"
-    >
-      <Show when={!props.isLoading} fallback={<Spinner class="text-white" />}>
-        <RefreshIcon color={props.feedbackColor ?? defaultFeedbackColor} class={'send-icon flex ' + (props.disableIcon ? 'hidden' : '')} />
-      </Show>
-    </button>
-  );
-};

dist/components/buttons/RegenerateResponseButton.d.ts.map

@@ -0,0 +1,32 @@
+import { JSX, Show } from 'solid-js';
+import { Spinner } from './SendButton';
+import { DeleteIcon as RefreshIcon } from '../icons';
+
+type RegenerateResponseButtonProps = {
+  feedbackColor?: string;
+  isDisabled?: boolean;
+  isLoading?: boolean;
+  disableIcon?: boolean;
+} & JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+
+const defaultFeedbackColor = '#3B81F6';
+
+export const RegenerateResponseButton = (props: RegenerateResponseButtonProps) => {
+  return (
+    <button
+      type="button"
+      disabled={props.isDisabled || props.isLoading}
+      {...props}
+      class={
+        'p-2 justify-center font-semibold text-white focus:outline-none flex items-center disabled:opacity-50 disabled:cursor-not-allowed disabled:brightness-100 transition-all filter hover:brightness-90 active:brightness-75 chatbot-button ' +
+        props.class
+      }
+      style={{ background: 'transparent', border: 'none' }}
+      title="Regenerate response"
+    >
+      <Show when={!props.isLoading} fallback={<Spinner class="text-white" />}>
+        <RefreshIcon color={props.feedbackColor ?? defaultFeedbackColor} class={'send-icon flex ' + (props.disableIcon ? 'hidden' : '')} />
+      </Show>
+    </button>
+  );
+};