Mirroring/my-links
1
0
Fork 0
mirror of https://github.com/Sonny93/my-links.git synced 2025-12-11 16:53:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add usercard home page (temp?)

Browse Source
This commit is contained in:
Sonny
2023-06-08 23:39:51 +02:00
parent 727b66064e
commit ab3b804918
1 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/pages/index.tsx
View File

@@ -11,6 +11,7 @@ import PageTransition from "components/PageTransition";
import SearchModal from "components/SearchModal/SearchModal"; import SearchModal from "components/SearchModal/SearchModal";
import Categories from "components/SideMenu/Categories/Categories"; import Categories from "components/SideMenu/Categories/Categories";
import SideMenu from "components/SideMenu/SideMenu"; import SideMenu from "components/SideMenu/SideMenu";
import UserCard from "components/SideMenu/UserCard/UserCard";
import * as Keys from "constants/keys"; import * as Keys from "constants/keys";
import PATHS from "constants/paths"; import PATHS from "constants/paths";
@@ -141,22 +142,25 @@ function Home(props: HomePageProps) {
return ( return (
<PageTransition className="App"> <PageTransition className="App">
{isMobile ? ( {isMobile ? (
<AnimatePresence> <>
{mobileModal.isShowing && ( <UserCard />
<Modal close={mobileModal.close}> <AnimatePresence>
<BlockWrapper style={{ minHeight: "0", flex: "1" }}> {mobileModal.isShowing && (
<ButtonLink href={PATHS.CATEGORY.CREATE}> <Modal close={mobileModal.close}>
Créer categorie <BlockWrapper style={{ minHeight: "0", flex: "1" }}>
</ButtonLink> <ButtonLink href={PATHS.CATEGORY.CREATE}>
<Categories Créer categorie
categories={categories} </ButtonLink>
categoryActive={categoryActive} <Categories
handleSelectCategory={handleSelectCategory} categories={categories}
/> categoryActive={categoryActive}
</BlockWrapper> handleSelectCategory={handleSelectCategory}
</Modal> />
)} </BlockWrapper>
</AnimatePresence> </Modal>
)}
</AnimatePresence>
</>
) : ( ) : (
<SideMenu <SideMenu
categories={categories} categories={categories}