diff --git a/apps/desktop/src/components/redis/RedisValueViewer.vue b/apps/desktop/src/components/redis/RedisValueViewer.vue
index 8eb04ff91..37adfae9d 100644
--- a/apps/desktop/src/components/redis/RedisValueViewer.vue
+++ b/apps/desktop/src/components/redis/RedisValueViewer.vue
@@ -213,11 +213,12 @@ function escapeHtml(value: string): string {
const deleteDetails = computed(() => {
const pending = pendingDelete.value;
if (!pending) return "";
- if (pending.kind === "key") return t("dangerDialog.redisKeyDetails", { key: props.keyDisplay });
- if (pending.kind === "hash") return t("dangerDialog.redisHashFieldDetails", { key: props.keyDisplay, field: pending.field });
- if (pending.kind === "list") return t("dangerDialog.redisListItemDetails", { key: props.keyDisplay, index: pending.index });
- if (pending.kind === "zset") return t("dangerDialog.redisSetMemberDetails", { key: props.keyDisplay, member: pending.member });
- return t("dangerDialog.redisSetMemberDetails", { key: props.keyDisplay, member: pending.member });
+ const key = formatValue(props.keyDisplay);
+ if (pending.kind === "key") return t("dangerDialog.redisKeyDetails", { key });
+ if (pending.kind === "hash") return t("dangerDialog.redisHashFieldDetails", { key, field: formatValue(pending.field) });
+ if (pending.kind === "list") return t("dangerDialog.redisListItemDetails", { key, index: pending.index });
+ if (pending.kind === "zset") return t("dangerDialog.redisSetMemberDetails", { key, member: formatValue(pending.member) });
+ return t("dangerDialog.redisSetMemberDetails", { key, member: formatValue(pending.member) });
});
const isBinaryStringValue = computed(() => data.value?.key_type === "string" && data.value?.value_is_binary);
@@ -465,7 +466,7 @@ async function copyInsertStatement() {
}
function copyMember(value: unknown) {
- void copyText(formatRedisMemberDetail(value).text);
+ void copyText(formatRedisMemberDetail(value).rawText);
}
function selectMember(title: string, value: unknown, context: RedisMemberContext) {
@@ -581,12 +582,12 @@ function startResizeZsetColumns(event: PointerEvent) {
}
function startEditMember() {
- memberEditValue.value = selectedMemberDetail.value.text;
+ memberEditValue.value = selectedMemberDetail.value.rawText;
isEditingMember.value = true;
}
function cancelEditMember() {
- memberEditValue.value = selectedMemberDetail.value.text;
+ memberEditValue.value = selectedMemberDetail.value.rawText;
isEditingMember.value = false;
}
@@ -815,7 +816,7 @@ onBeforeUnmount(() => {
-
{{ data.key_display }}
+
{{ formatValue(data.key_display) }}
@@ -906,7 +907,7 @@ onBeforeUnmount(() => {
@click="viewMember(`#${row.index}`, row.value, { kind: 'list', index: row.index })"
>
{{ row.index }}
-
{{ row.value }}
+
{{ formatValue(row.value) }}
@@ -946,7 +947,7 @@ onBeforeUnmount(() => {
:style="{ height: `${REDIS_COLLECTION_ROW_HEIGHT}px` }"
@click="viewMember(t('redis.member'), row.value, { kind: 'set', member: String(row.value) })"
>
-
{{ row.value }}
+
{{ formatValue(row.value) }}
@@ -1004,8 +1005,8 @@ onBeforeUnmount(() => {
:class="{ 'bg-accent/60': isSelectedMember(String(row.value.field), row.value.value) }"
@click="viewMember(String(row.value.field), row.value.value, { kind: 'hash', field: String(row.value.field) })"
>
-
{{ row.value.field }}
-
{{ row.value.value }}
+
{{ formatValue(row.value.field) }}
+
{{ formatValue(row.value.value) }}