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:
marcin mikołajczak
2024-08-14 16:52:11 +02:00
parent 08c4d9037e
commit ff9058e222
17 changed files with 39 additions and 36 deletions

View File

@ -91,7 +91,6 @@ const Announcements: React.FC = () => {
const { data: announcements, isLoading } = useAnnouncements();
const handleCreateAnnouncement = () => {
dispatch(openModal('EDIT_ANNOUNCEMENT'));
};

View File

@ -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' },
});

View File

@ -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: [

View File

@ -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 }) => (

View File

@ -10,7 +10,6 @@ const messages = defineMessages({
heading: { id: 'column.mutes', defaultMessage: 'Mutes' },
});
const Mutes: React.FC = () => {
const intl = useIntl();

View File

@ -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'>

View File

@ -14,7 +14,6 @@ import { isStandalone } from 'soapbox/utils/state';
import type { PlfeResponse } from 'soapbox/api';
const SignUpPanel = () => {
const dispatch = useAppDispatch();
const instance = useInstance();

View File

@ -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>