@homefile/components-v2 2.39.25 → 2.39.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -7,7 +7,7 @@ import { useState } from 'react';
|
|
|
7
7
|
export const MyHomes = ({ cardList = [], cardMenuItems = [], handleCardClick, handleFilterClick, handleNewHomeClick, headerMenuItems, addImage, loading, loadingId, showLoadMore, handleLoadMore, loadMoreDisabled, }) => {
|
|
8
8
|
const [showChildren, setShowChildren] = useState(false);
|
|
9
9
|
const handleHelpClick = () => setShowChildren(!showChildren);
|
|
10
|
-
return (_jsx(TileTooltip, { label: "myHomes", children: _jsxs(Container, { variant: "launchpad", maxW: "none", pb: "3rem", position: "relative", children: [showChildren && (_jsx(BaseStep, { top: "60px", right: "60px", onClose: handleHelpClick, children: _jsx(InviteRolesStep, {}) })), _jsx(ContainerHeader, { disabled: true, menuItems: headerMenuItems, title: t('myHomes.title'), icon: _jsx(MoreHorizontal, { size: 38 }), titleIcon: House, showHelp: true
|
|
10
|
+
return (_jsx(TileTooltip, { label: "myHomes", children: _jsxs(Container, { variant: "launchpad", maxW: "none", pb: "3rem", position: "relative", children: [showChildren && (_jsx(BaseStep, { top: "60px", right: "60px", onClose: handleHelpClick, children: _jsx(InviteRolesStep, {}) })), _jsx(ContainerHeader, { disabled: true, menuItems: headerMenuItems, title: t('myHomes.title'), icon: _jsx(MoreHorizontal, { size: 38 }), titleIcon: House, showHelp: true }), _jsx(MyHomesHeader, { onFilterClick: handleFilterClick, onNewHomeClick: handleNewHomeClick }), _jsx(Wrap, { spacing: "base", px: "base", alignItems: "start", children: cardList.length > 0 &&
|
|
11
11
|
(cardList === null || cardList === void 0 ? void 0 : cardList.map(({ accountType, address, active, _id, image, name }, index) => (_jsx(WrapItem, { children: _jsxs(Container, { w: "179px", position: "relative", transition: "all 0.3s ease-in-out", _hover: {
|
|
12
12
|
boxShadow: 'xl',
|
|
13
13
|
}, id: index === 0 ? 'homeCard' : '', children: [_jsx(ContainerHeader, { menuItems: accountType === 'Member' ? [] : cardMenuItems, itemForm: { _id, name }, icon: _jsx(MoreHorizontal, { size: 32 }), isThin: true, index: index }), _jsx(Box, { w: "179px", textAlign: "left", children: _jsx(MyHomeCard, { accountType: accountType, address: address, image: image, name: name, active: active, _id: _id, index: index, handleCardClick: handleCardClick, addImage: addImage, loading: loading, loadingId: loadingId, editImage: false }) })] }) }, _id)))) }), showLoadMore && (_jsx(Flex, { justifyContent: 'center', mt: '2rem', children: _jsx(Button, { onClick: handleLoadMore, variant: 'primaryFooter', disabled: loadMoreDisabled, children: t('buttons.loadMore') }) }))] }) }));
|
|
@@ -14,7 +14,9 @@ export const RoomVideo = ({ files = [], loading, menuItems, onDelete, onUpload,
|
|
|
14
14
|
const showFiles = filesLength > 0;
|
|
15
15
|
const handlePlay = (file) => setFileToPlay(file);
|
|
16
16
|
const { imageUrl, title } = fileToPlay || {};
|
|
17
|
-
return (_jsxs(_Fragment, { children: [_jsx(TileTooltip, { label: "roomVideo", children: _jsxs(Container, { variant: "launchpad", h: "full", position: "relative", maxW: "none", children: [showBubble && _jsx(RoomVideoHelp, { onClose: handleToggle }), _jsx(ContainerHeader, { title: t('roomVideo.title'), titleIcon: VideoIcon, icon: _jsx(MoreHorizontal, { size: 38 }), iconSize: "20px", menuItems: menuItems,
|
|
17
|
+
return (_jsxs(_Fragment, { children: [_jsx(TileTooltip, { label: "roomVideo", children: _jsxs(Container, { variant: "launchpad", h: "full", position: "relative", maxW: "none", children: [showBubble && _jsx(RoomVideoHelp, { onClose: handleToggle }), _jsx(ContainerHeader, { title: t('roomVideo.title'), titleIcon: VideoIcon, icon: _jsx(MoreHorizontal, { size: 38 }), iconSize: "20px", menuItems: menuItems,
|
|
18
|
+
// onHelpClick={handleToggle}
|
|
19
|
+
showHelp: true, fontWeight: 'normal' }), !showFiles && _jsx(RoomVideoInstruction, {}), showFiles && (_jsx(RoomVideoFiles, { files: files, loading: loading, onDelete: onDelete, uploading: uploading, onPlay: handlePlay })), showDragDrop && (_jsx(AddMedia, { accept: {
|
|
18
20
|
'video/mp4': ['.mp4', '.MP4', '.webm'],
|
|
19
21
|
'video/mov': ['.mov', '.MOV'],
|
|
20
22
|
}, bgColor: "transparent", errorTypeMessage: t('addMedia.errorVideoType'), maxFiles: 4, handleDelete: onDelete, handleEdit: () => null, handleUpload: onUpload, uploading: uploading, showHeader: false, loading: loading, dropAreaHeight: dragDropHeight }))] }) }), imageUrl && (_jsx(VideoPlayerModal, { url: imageUrl, title: title, onClose: () => setFileToPlay(undefined), showOverlay: true }))] }));
|
|
@@ -7,5 +7,5 @@ import { ShareHome } from '../../assets/images';
|
|
|
7
7
|
export const SharedHomeHeader = ({ children, onClose }) => {
|
|
8
8
|
const [showChildren, setShowChildren] = useState(false);
|
|
9
9
|
const handleHelpClick = () => setShowChildren(!showChildren);
|
|
10
|
-
return (_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: onClose, icon: ShareHome, title: t('shareHome.title'), children: _jsx(Box, { mr: "base", position: "relative", children: _jsx(HelpButton, { onClick:
|
|
10
|
+
return (_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: onClose, icon: ShareHome, title: t('shareHome.title'), children: _jsx(Box, { mr: "base", position: "relative", children: _jsx(HelpButton, { onClick: () => { }, children: showChildren && (_jsx(RolesHelpModal, { top: "40px", right: "0", onClose: handleHelpClick })) }) }) }), children] }));
|
|
11
11
|
};
|