Replace FAB with plus button in thumb nav, I need to remove one element to move the plus button to the center
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
@ -91,7 +91,6 @@ const Announcements: React.FC = () => {
|
||||
|
||||
const { data: announcements, isLoading } = useAnnouncements();
|
||||
|
||||
|
||||
const handleCreateAnnouncement = () => {
|
||||
dispatch(openModal('EDIT_ANNOUNCEMENT'));
|
||||
};
|
||||
|
||||
@ -9,7 +9,6 @@ import { useFeatures } from 'soapbox/hooks';
|
||||
|
||||
import NewFolderForm from './components/new-folder-form';
|
||||
|
||||
|
||||
const messages = defineMessages({
|
||||
heading: { id: 'column.bookmarks', defaultMessage: 'Bookmarks' },
|
||||
});
|
||||
|
||||
@ -51,7 +51,6 @@ const LanguageDropdown: React.FC<ILanguageDropdown> = ({ composeId }) => {
|
||||
const [isOpen, setIsOpen] = useState<boolean>(false);
|
||||
const [searchValue, setSearchValue] = useState('');
|
||||
|
||||
|
||||
const { x, y, strategy, refs, middlewareData, placement } = useFloating<HTMLButtonElement>({
|
||||
placement: 'top',
|
||||
middleware: [
|
||||
|
||||
@ -135,7 +135,6 @@ const PrivacyDropdownMenu: React.FC<IPrivacyDropdownMenu> = ({
|
||||
};
|
||||
}, []);
|
||||
|
||||
|
||||
return (
|
||||
<Motion defaultStyle={{ opacity: 0, scaleX: 0.85, scaleY: 0.75 }} style={{ opacity: spring(1, { damping: 35, stiffness: 400 }), scaleX: spring(1, { damping: 35, stiffness: 400 }), scaleY: spring(1, { damping: 35, stiffness: 400 }) }}>
|
||||
{({ opacity, scaleX, scaleY }) => (
|
||||
|
||||
@ -10,7 +10,6 @@ const messages = defineMessages({
|
||||
heading: { id: 'column.mutes', defaultMessage: 'Mutes' },
|
||||
});
|
||||
|
||||
|
||||
const Mutes: React.FC = () => {
|
||||
const intl = useIntl();
|
||||
|
||||
|
||||
@ -54,7 +54,6 @@ const DetailsStep: React.FC<IDetailsStep> = ({ params, onChange }) => {
|
||||
|
||||
const handleImageClear = (property: keyof CreateGroupParams) => () => onChange({ [property]: undefined });
|
||||
|
||||
|
||||
return (
|
||||
<Form>
|
||||
<div className='relative mb-12 flex'>
|
||||
|
||||
@ -14,7 +14,6 @@ import { isStandalone } from 'soapbox/utils/state';
|
||||
|
||||
import type { PlfeResponse } from 'soapbox/api';
|
||||
|
||||
|
||||
const SignUpPanel = () => {
|
||||
const dispatch = useAppDispatch();
|
||||
const instance = useInstance();
|
||||
|
||||
@ -39,7 +39,6 @@ import { getVapidKey } from 'soapbox/utils/auth';
|
||||
import { isStandalone } from 'soapbox/utils/state';
|
||||
|
||||
import BackgroundShapes from './components/background-shapes';
|
||||
import FloatingActionButton from './components/floating-action-button';
|
||||
import {
|
||||
Status,
|
||||
CommunityTimeline,
|
||||
@ -450,11 +449,6 @@ const UI: React.FC<IUI> = ({ children }) => {
|
||||
dispatch(registerPushNotifications());
|
||||
}, [vapidKey]);
|
||||
|
||||
const shouldHideFAB = (): boolean => {
|
||||
const path = location.pathname;
|
||||
return Boolean(path.match(/^\/posts\/|^\/search|^\/getting-started|^\/chats/));
|
||||
};
|
||||
|
||||
// Wait for login to succeed or fail
|
||||
if (me === null) return null;
|
||||
|
||||
@ -484,12 +478,6 @@ const UI: React.FC<IUI> = ({ children }) => {
|
||||
</SwitchingColumnsArea>
|
||||
</Layout>
|
||||
|
||||
{(me && !shouldHideFAB()) && (
|
||||
<div className='fixed bottom-24 right-4 z-40 transition-all lg:hidden rtl:left-4 rtl:right-auto'>
|
||||
<FloatingActionButton />
|
||||
</div>
|
||||
)}
|
||||
|
||||
<Suspense>
|
||||
<SidebarMenu />
|
||||
</Suspense>
|
||||
|
||||
Reference in New Issue
Block a user