From d28e85209e61f872017f6c178b78bf44b9900e36 Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Mon, 7 Aug 2023 22:03:49 +1200 Subject: [PATCH] Add HB icon for Mongo brews --- .../pages/basePages/listPage/brewItem/brewItem.jsx | 11 +++++++---- .../pages/basePages/listPage/brewItem/brewItem.less | 7 +++++++ 2 files changed, 14 insertions(+), 4 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx index c601760a9..4e6af6cb7 100644 --- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx +++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx @@ -7,6 +7,7 @@ const moment = require('moment'); const request = require('../../../../utils/request-middleware.js'); const googleDriveIcon = require('../../../../googleDrive.svg'); +const homebreweryIcon = require('../../../../thumbnail.png'); const dedent = require('dedent-tabs').default; const BrewItem = createClass({ @@ -90,10 +91,12 @@ const BrewItem = createClass({ ; }, - renderGoogleDriveIcon : function(){ - if(!this.props.brew.googleId) return; + renderStorageIcon : function(){ + if(!this.props.brew.googleId) return + homebreweryIcon + ; - return + return googleDriveIcon @@ -146,7 +149,7 @@ const BrewItem = createClass({ Last updated: ${moment(brew.updatedAt).local().format(dateFormatString)}`}> {moment(brew.updatedAt).fromNow()} - {this.renderGoogleDriveIcon()} + {this.renderStorageIcon()}
diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less index da46eeb01..e8c7aa39a 100644 --- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less +++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less @@ -98,4 +98,11 @@ padding : 0px; margin : -5px; } + .homebreweryIcon { + mix-blend-mode : darken; + height : 24px; + position : relative; + top : 5px; + left : -5px; + } }