diff --git a/packages/asc-web-components/room-logo/index.js b/packages/asc-web-components/room-logo/index.js index faba4447af..bfbc5d8773 100644 --- a/packages/asc-web-components/room-logo/index.js +++ b/packages/asc-web-components/room-logo/index.js @@ -1,6 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; import { ReactSVG } from "react-svg"; +import { isMobile } from "react-device-detect"; import { RoomsType } from "@appserver/common/constants"; @@ -55,6 +56,12 @@ const RoomLogo = ({ } }; + const onSelect = () => { + if (!isMobile) return; + + onChange && onChange(); + }; + const icon = getIcon(); return ( @@ -64,6 +71,7 @@ const RoomLogo = ({ type={type} isPrivacy={isPrivacy} isArchive={isArchive} + onClick={onSelect} > diff --git a/packages/asc-web-components/room-logo/styled-room-logo.js b/packages/asc-web-components/room-logo/styled-room-logo.js index 5f980e2d85..92f3123adc 100644 --- a/packages/asc-web-components/room-logo/styled-room-logo.js +++ b/packages/asc-web-components/room-logo/styled-room-logo.js @@ -94,8 +94,8 @@ const StyledContainer = styled.div` `; const StyledLogoContainer = styled.div` - width: 100%; - height: 100%; + width: 32px; + height: 32px; box-sizing: border-box;