From 05ab5b45121ee8e9f33153b769cf5b47099696c4 Mon Sep 17 00:00:00 2001
From: alex <48489896+devnaumov@users.noreply.github.com>
Date: Mon, 24 Apr 2023 19:30:32 +0200
Subject: [PATCH] CB-3265 remove select effect for update version Cell (#1626)

---
 webapp/packages/core-blocks/src/Cell.tsx      | 22 ++++++++++++++-----
 .../src/VersionChecker.tsx                    |  1 +
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/webapp/packages/core-blocks/src/Cell.tsx b/webapp/packages/core-blocks/src/Cell.tsx
index 04bf28e818..2740e1a86b 100644
--- a/webapp/packages/core-blocks/src/Cell.tsx
+++ b/webapp/packages/core-blocks/src/Cell.tsx
@@ -17,13 +17,11 @@ interface Props {
   before?: React.ReactElement;
   after?: React.ReactElement;
   style?: ComponentStyle;
+  ripple?: boolean;
   className?: string;
 }
 
 const styles = css`
-    cell {
-      composes: theme-ripple from global;
-    } 
     main {
       position: relative;
       display: flex;
@@ -54,8 +52,22 @@ const styles = css`
     }
 `;
 
-export const Cell: React.FC<React.PropsWithChildren<Props>> = function Cell({ before, after, description, style, className, children }) {
-  return styled(useStyles(styles, style))(
+const RIPPLE_STYLES = css`
+  cell {
+    composes: theme-ripple from global;
+  } 
+`;
+
+export const Cell: React.FC<React.PropsWithChildren<Props>> = function Cell({
+  before,
+  after,
+  description,
+  style,
+  className,
+  ripple = true,
+  children,
+}) {
+  return styled(useStyles(styles, style, ripple && RIPPLE_STYLES))(
     <cell className={className}>
       <main>
         <before>{before}</before>
diff --git a/webapp/packages/plugin-version-update-administration/src/VersionChecker.tsx b/webapp/packages/plugin-version-update-administration/src/VersionChecker.tsx
index def81f2c10..3c851918c6 100644
--- a/webapp/packages/plugin-version-update-administration/src/VersionChecker.tsx
+++ b/webapp/packages/plugin-version-update-administration/src/VersionChecker.tsx
@@ -38,6 +38,7 @@ export const VersionChecker = observer(function VersionChecker() {
       before={<IconOrImage icon={icon} />}
       description={versionUpdateService.newVersionAvailable ? description : undefined}
       style={style}
+      ripple={false}
     >
       {translate(text)}
     </Cell>