mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-30 05:09:18 +03:00
Code Issues Projects Releases Packages Wiki Activity

Time to move Compose button to other pages

Browse source 
One missing feature: Mention @username if button is on profile page
This commit is contained in:
Lim Chee Aun 2023-05-06 17:12:13 +08:00
parent 8b16f9ca74
commit d37537c61e
3 changed files with 22 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app.css
View file

@ -1161,7 +1161,7 @@ body:has(.media-modal-container + .status-deck) .media-post-link {
padding: 16px; padding: 16px;
background-color: var(--button-bg-blur-color); background-color: var(--button-bg-blur-color);
backdrop-filter: blur(16px); backdrop-filter: blur(16px);
z-index: 1; z-index: 10;
box-shadow: 0 3px 8px -1px var(--drop-shadow-color), box-shadow: 0 3px 8px -1px var(--drop-shadow-color),
0 10px 36px -4px var(--button-bg-blur-color); 0 10px 36px -4px var(--button-bg-blur-color);
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;

19
src/app.jsx
View file

@ -21,6 +21,7 @@ import { useSnapshot } from 'valtio';
import AccountSheet from './components/account-sheet'; import AccountSheet from './components/account-sheet';
import Compose from './components/compose'; import Compose from './components/compose';
import Drafts from './components/drafts'; import Drafts from './components/drafts';
import Icon from './components/icon';
import Loader from './components/loader'; import Loader from './components/loader';
import MediaModal from './components/media-modal'; import MediaModal from './components/media-modal';
import Modal from './components/modal'; import Modal from './components/modal';
@ -55,6 +56,7 @@ import {
initPreferences, initPreferences,
} from './utils/api'; } from './utils/api';
import { getAccessToken } from './utils/auth'; import { getAccessToken } from './utils/auth';
import openCompose from './utils/open-compose';
import showToast from './utils/show-toast'; import showToast from './utils/show-toast';
import states, { getStatus, saveStatus } from './utils/states'; import states, { getStatus, saveStatus } from './utils/states';
import store from './utils/store'; import store from './utils/store';
@ -264,6 +266,23 @@ function App() {
</Routes> </Routes>
)} )}
<div> <div>
<button
type="button"
id="compose-button"
onClick={(e) => {
if (e.shiftKey) {
const newWin = openCompose();
if (!newWin) {
alert('Looks like your browser is blocking popups.');
states.showCompose = true;
}
} else {
states.showCompose = true;
}
}}
>
<Icon icon="quill" size="xl" alt="Compose" />
</button>
{isLoggedIn && {isLoggedIn &&
!snapStates.settings.shortcutsColumnsMode && !snapStates.settings.shortcutsColumnsMode &&
snapStates.settings.shortcutsViewMode !== 'multi-column' && ( snapStates.settings.shortcutsViewMode !== 'multi-column' && (

4
src/pages/home.jsx
View file

@ -49,7 +49,7 @@ function Home() {
headerEnd={<NotificationsLink />} headerEnd={<NotificationsLink />}
/> />
)} )}
<button {/* <button
// hidden={scrollDirection === 'end' && !nearReachStart} // hidden={scrollDirection === 'end' && !nearReachStart}
type="button" type="button"
id="compose-button" id="compose-button"
@ -66,7 +66,7 @@ function Home() {
}} }}
> >
<Icon icon="quill" size="xl" alt="Compose" /> <Icon icon="quill" size="xl" alt="Compose" />
</button> </button> */}
</> </>
); );
} }