From 2ddc1b80053c4d10ae3b521c215c515058518ba4 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 15 Dec 2022 17:11:15 +0800
Subject: [PATCH] Better document titles for pop-out compose window
---
src/compose.jsx | 15 ++++++++++-----
src/utils/useTitle.js | 2 +-
2 files changed, 11 insertions(+), 6 deletions(-)
diff --git a/src/compose.jsx b/src/compose.jsx
index be5d3d4d..cdf13a88 100644
--- a/src/compose.jsx
+++ b/src/compose.jsx
@@ -9,6 +9,7 @@ import { useEffect, useState } from 'preact/hooks';
import Compose from './components/compose';
import store from './utils/store';
+import useTitle from './utils/useTitle';
if (window.opener) {
console = window.opener.console;
@@ -41,11 +42,15 @@ function App() {
const { editStatus, replyToStatus, draftStatus } = window.__COMPOSE__ || {};
- useEffect(() => {
- if (uiState === 'closed') {
- window.close();
- }
- }, [uiState]);
+ useTitle(
+ editStatus
+ ? 'Editing source status'
+ : replyToStatus
+ ? `Replying to @${
+ replyToStatus.account?.acct || replyToStatus.account?.username
+ }`
+ : 'Compose',
+ );
if (uiState === 'closed') {
return (
diff --git a/src/utils/useTitle.js b/src/utils/useTitle.js
index 86007a14..70e297cf 100644
--- a/src/utils/useTitle.js
+++ b/src/utils/useTitle.js
@@ -4,6 +4,6 @@ const { VITE_CLIENT_NAME: CLIENT_NAME } = import.meta.env;
export default (title) => {
useEffect(() => {
- document.title = title ? `${title} - ${CLIENT_NAME}` : CLIENT_NAME;
+ document.title = title ? `${title} / ${CLIENT_NAME}` : CLIENT_NAME;
}, [title]);
};