瀏覽代碼

add isFirstMessage prop to UserMessage component

Danny Liu 1 年之前
父節點
當前提交
32c7971300
共有 2 個文件被更改,包括 5 次插入3 次删除
  1. 1 0
      src/lib/components/chat/Messages.svelte
  2. 4 3
      src/lib/components/chat/Messages/UserMessage.svelte

+ 1 - 0
src/lib/components/chat/Messages.svelte

@@ -239,6 +239,7 @@
 							<UserMessage
 							<UserMessage
 								user={$user}
 								user={$user}
 								{message}
 								{message}
+								isFirstMessage={messageIdx === 0}
 								siblings={message.parentId !== null
 								siblings={message.parentId !== null
 									? history.messages[message.parentId]?.childrenIds ?? []
 									? history.messages[message.parentId]?.childrenIds ?? []
 									: Object.values(history.messages)
 									: Object.values(history.messages)

+ 4 - 3
src/lib/components/chat/Messages/UserMessage.svelte

@@ -9,6 +9,7 @@
 	export let user;
 	export let user;
 	export let message;
 	export let message;
 	export let siblings;
 	export let siblings;
+	export let isFirstMessage: boolean;
 
 
 	export let confirmEditMessage: Function;
 	export let confirmEditMessage: Function;
 	export let showPreviousMessage: Function;
 	export let showPreviousMessage: Function;
@@ -282,11 +283,11 @@
 							</svg>
 							</svg>
 						</button>
 						</button>
 
 
-						<!-- {#if not first message }
+						{#if !isFirstMessage}
 						<button
 						<button
 							class="invisible group-hover:visible p-1 rounded dark:hover:text-white transition"
 							class="invisible group-hover:visible p-1 rounded dark:hover:text-white transition"
 							on:click={() => {
 							on:click={() => {
-								// delete message
+								// TODO delete message
 							}}
 							}}
 						>
 						>
 							<svg
 							<svg
@@ -304,7 +305,7 @@
 								/>
 								/>
 							</svg>
 							</svg>
 						</button>
 						</button>
-						{/if} -->
+						{/if} 
 					</div>
 					</div>
 				</div>
 				</div>
 			{/if}
 			{/if}