rf: added Element to variable names

This commit is contained in:
Carlos Daniel Vilaseca 2024-03-03 23:05:16 -05:00
parent b986c2aefd
commit 7a30dbc839
2 changed files with 11 additions and 11 deletions

View file

@ -19,7 +19,7 @@
export let suggestionPrompts = [];
export let autoScroll = true;
let chatTextArea:HTMLTextAreaElement
let chatTextAreaElement:HTMLTextAreaElement
let filesInputElement;
let promptsElement;
@ -43,9 +43,9 @@
let speechRecognition;
$: if (prompt) {
if (chatTextArea) {
chatTextArea.style.height = '';
chatTextArea.style.height = Math.min(chatTextArea.scrollHeight, 200) + 'px';
if (chatTextAreaElement) {
chatTextAreaElement.style.height = '';
chatTextAreaElement.style.height = Math.min(chatTextAreaElement.scrollHeight, 200) + 'px';
}
}
@ -84,7 +84,7 @@
if (res) {
prompt = res.text;
await tick();
chatTextArea?.focus();
chatTextAreaElement?.focus();
if (prompt !== '' && $settings?.speechAutoSend === true) {
submitPrompt(prompt, user);
@ -187,7 +187,7 @@
prompt = `${prompt}${transcript}`;
await tick();
chatTextArea?.focus();
chatTextAreaElement?.focus();
// Restart the inactivity timeout
timeoutId = setTimeout(() => {
@ -289,7 +289,7 @@
};
onMount(() => {
window.setTimeout(() => chatTextArea?.focus(), 0);
window.setTimeout(() => chatTextAreaElement?.focus(), 0);
const dropZone = document.querySelector('body');
@ -657,7 +657,7 @@
<textarea
id="chat-textarea"
bind:this={chatTextArea}
bind:this={chatTextAreaElement}
class=" dark:bg-gray-900 dark:text-gray-100 outline-none w-full py-3 px-3 {fileUploadEnabled
? ''
: ' pl-4'} rounded-xl resize-none h-[48px]"

View file

@ -37,7 +37,7 @@
let ollamaVersion = '';
let loaded = false;
let showShortcutsButton:HTMLButtonElement
let showShortcutsButtonElement:HTMLButtonElement
let DB = null;
let localDBChats = [];
@ -184,7 +184,7 @@
if (isCtrlPressed && event.key === '/') {
event.preventDefault();
console.log('showShortcuts');
showShortcutsButton.click();
showShortcutsButtonElement.click();
}
});
@ -203,7 +203,7 @@
<div class=" hidden lg:flex fixed bottom-0 right-0 px-3 py-3 z-10">
<button
id="show-shortcuts-button"
bind:this={showShortcutsButton}
bind:this={showShortcutsButtonElement}
class="text-gray-600 dark:text-gray-300 bg-gray-300/20 w-6 h-6 flex items-center justify-center text-xs rounded-full"
on:click={() => {
showShortcuts = !showShortcuts;