diff --git a/src/compose.jsx b/src/compose.jsx index be5d3d4..cdf13a8 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 86007a1..70e297c 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]); };