jeffemmett
/
Myseelia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

direct user to create a username if they don't have one before chatting

This commit is contained in:
DarrenZal 2024-01-15 13:58:10 -08:00
parent b993473d73
commit da5363f578
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/chat/chat.svelte
View File

@ -114,6 +114,7 @@ async function sendFeedback() {
} }
</script> </script>
{#if username}
<section class="chat-container"> <section class="chat-container">
<div class="messages"> <div class="messages">
{#each $messages as message} {#each $messages as message}
@ -142,6 +143,12 @@ async function sendFeedback() {
<textarea placeholder="Leave your feedback..." bind:value={feedbackMessage} rows="3"></textarea> <textarea placeholder="Leave your feedback..." bind:value={feedbackMessage} rows="3"></textarea>
<button on:click={sendFeedback}>Submit Feedback</button> <button on:click={sendFeedback}>Submit Feedback</button>
</div> </div>
{:else}
<!-- Prompt to Connect and Create Username -->
<div class="connect-prompt">
<p>Please connect to create a username before chatting.</p>
</div>
{/if}
<style> <style>
.chat-container { .chat-container {
@ -203,4 +210,9 @@ async function sendFeedback() {
font-size: 16px; font-size: 16px;
padding: 5px 10px; padding: 5px 10px;
} }
.connect-prompt {
margin-top: 20px;
text-align: center;
font-size: 18px;
}
</style> </style>