- Update `openMapDirection` to `openWebMapRaw` in `utils/front.ts` to open maps in a new browser tab (`_blank`) using raw WGS-84 coordinates. - Adjust URL schemes for Google, AMap, Baidu, Tencent, and Apple Maps to support direct web navigation with `coordinate` parameters. - Update `ClubSummary.tsx` to use `openWebMapRaw` and change the map button label from "Navigation" to "View Location" with a new icon. - Add `padding-bottom` to `AppBar.tsx` in `AppBarLayout.tsx` to accommodate the increased bottom padding required by the updated AppBar styling. - Remove the "Home" FloatButton from `ProfilePage.tsx` and update `routes.tsx` to remove the unused `ActionButtonLayout` import. - Update navigation handlers in `AppBar.tsx` to use `replace: true` for smoother state management without creating new browser history entries.
17 lines
512 B
TypeScript
17 lines
512 B
TypeScript
import { Outlet, useNavigation } from "react-router";
|
|
import { HydrateFallback } from "../HydrateFallback";
|
|
import { AppBar } from "../AppBar";
|
|
import styled from "styled-components";
|
|
|
|
const StyledContainer = styled.div`
|
|
padding-bottom: 90px;
|
|
box-sizing: border-box;
|
|
`;
|
|
export const AppBarLayout = () => {
|
|
const navigation = useNavigation();
|
|
const loading = navigation.state === 'loading';
|
|
return loading ? <HydrateFallback /> : (<StyledContainer>
|
|
<Outlet />
|
|
<AppBar />
|
|
</StyledContainer>);
|
|
} |