From 0d138b97e8108b41bb2d970ee5d915d598d53fcd Mon Sep 17 00:00:00 2001 From: Nicola Benaglia Date: Sat, 5 Apr 2025 21:08:45 +0200 Subject: [PATCH] CamelCase notation to avoid DOM error --- src/assets/Icons/LogoutIcon.tsx | 2 +- src/assets/Icons/MessagingIcon2.tsx | 2 +- src/assets/Icons/NotificationIcon2.tsx | 2 +- src/assets/Icons/ThreadsIcon.tsx | 2 +- src/assets/svgs/SaveIcon.tsx | 2 +- src/assets/svgs/SendNewMessage.tsx | 2 +- src/components/Apps/AppViewerContainer.tsx | 2 +- src/components/Apps/AppsCategory.tsx | 4 ++-- src/components/Apps/AppsCategoryDesktop.tsx | 4 ++-- src/components/Apps/AppsLibrary.tsx | 6 +++--- src/components/Apps/AppsLibraryDesktop.tsx | 4 ++-- 11 files changed, 16 insertions(+), 16 deletions(-) diff --git a/src/assets/Icons/LogoutIcon.tsx b/src/assets/Icons/LogoutIcon.tsx index 9288de1..30334f4 100644 --- a/src/assets/Icons/LogoutIcon.tsx +++ b/src/assets/Icons/LogoutIcon.tsx @@ -3,7 +3,7 @@ import React from 'react'; export const LogoutIcon= ({ color, height = 20, width = 18}) => { return ( - + diff --git a/src/assets/Icons/MessagingIcon2.tsx b/src/assets/Icons/MessagingIcon2.tsx index 5cbdb98..da367cd 100644 --- a/src/assets/Icons/MessagingIcon2.tsx +++ b/src/assets/Icons/MessagingIcon2.tsx @@ -3,7 +3,7 @@ import React from 'react'; export const MessagingIcon2= ({ color = '#8F8F91', height = 24, width =24 }) => { return ( - + diff --git a/src/assets/Icons/NotificationIcon2.tsx b/src/assets/Icons/NotificationIcon2.tsx index 10d7a03..3626d71 100644 --- a/src/assets/Icons/NotificationIcon2.tsx +++ b/src/assets/Icons/NotificationIcon2.tsx @@ -3,7 +3,7 @@ import React from 'react'; export const NotificationIcon2= ({ color = 'white', height = 15, width = 15 }) => { return ( - + ); diff --git a/src/assets/Icons/ThreadsIcon.tsx b/src/assets/Icons/ThreadsIcon.tsx index 86dfeaa..3cf02cc 100644 --- a/src/assets/Icons/ThreadsIcon.tsx +++ b/src/assets/Icons/ThreadsIcon.tsx @@ -3,7 +3,7 @@ import React from 'react'; export const ThreadsIcon= ({ color = 'white', height = 11, width = 15 }) => { return ( - + diff --git a/src/assets/svgs/SaveIcon.tsx b/src/assets/svgs/SaveIcon.tsx index 12c4999..90f0a53 100644 --- a/src/assets/svgs/SaveIcon.tsx +++ b/src/assets/svgs/SaveIcon.tsx @@ -3,7 +3,7 @@ import React from 'react' export const SaveIcon = ({color = '#8F8F91'}) => { return ( - + ) diff --git a/src/assets/svgs/SendNewMessage.tsx b/src/assets/svgs/SendNewMessage.tsx index 33d7e86..5df8bbf 100644 --- a/src/assets/svgs/SendNewMessage.tsx +++ b/src/assets/svgs/SendNewMessage.tsx @@ -12,7 +12,7 @@ const SvgContainer = styled('svg')({ export const SendNewMessage:React.FC = ({ color, opacity }) => { return ( - + ); diff --git a/src/components/Apps/AppViewerContainer.tsx b/src/components/Apps/AppViewerContainer.tsx index f258848..d65121d 100644 --- a/src/components/Apps/AppViewerContainer.tsx +++ b/src/components/Apps/AppViewerContainer.tsx @@ -20,7 +20,7 @@ const AppViewerContainer = React.forwardRef(({ app, isSelected, hide, isDevMode, padding: 0; } * { - -ms-overflow-style: none; /* IE and Edge */ + -msOverflowStyle: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } *::-webkit-scrollbar { diff --git a/src/components/Apps/AppsCategory.tsx b/src/components/Apps/AppsCategory.tsx index d1a1420..dd8d5e5 100644 --- a/src/components/Apps/AppsCategory.tsx +++ b/src/components/Apps/AppsCategory.tsx @@ -55,7 +55,7 @@ const ScrollerStyled = styled('div')({ scrollbarWidth: "none", // Hide scrollbar for IE and older Edge - "-ms-overflow-style": "none", + "-msOverflowStyle": "none", }); const StyledVirtuosoContainer = styled('div')({ @@ -74,7 +74,7 @@ const ScrollerStyled = styled('div')({ scrollbarWidth: "none", // Hide scrollbar for IE and older Edge - "-ms-overflow-style": "none", + "-msOverflowStyle": "none", }); export const AppsCategory = ({ availableQapps, myName, category, isShow }) => { diff --git a/src/components/Apps/AppsCategoryDesktop.tsx b/src/components/Apps/AppsCategoryDesktop.tsx index f6ba48d..45e6c57 100644 --- a/src/components/Apps/AppsCategoryDesktop.tsx +++ b/src/components/Apps/AppsCategoryDesktop.tsx @@ -63,7 +63,7 @@ const ScrollerStyled = styled("div")({ scrollbarWidth: "none", // Hide scrollbar for IE and older Edge - "-ms-overflow-style": "none", + "-msOverflowStyle": "none", }); const StyledVirtuosoContainer = styled("div")({ @@ -82,7 +82,7 @@ const StyledVirtuosoContainer = styled("div")({ scrollbarWidth: "none", // Hide scrollbar for IE and older Edge - "-ms-overflow-style": "none", + "-msOverflowStyle": "none", }); export const AppsCategoryDesktop = ({ diff --git a/src/components/Apps/AppsLibrary.tsx b/src/components/Apps/AppsLibrary.tsx index f9b58ea..f3efe33 100644 --- a/src/components/Apps/AppsLibrary.tsx +++ b/src/components/Apps/AppsLibrary.tsx @@ -57,7 +57,7 @@ const ScrollerStyled = styled('div')({ scrollbarWidth: "none", // Hide scrollbar for IE and older Edge - "-ms-overflow-style": "none", + "-msOverflowStyle": "none", }); const StyledVirtuosoContainer = styled('div')({ @@ -76,7 +76,7 @@ const ScrollerStyled = styled('div')({ scrollbarWidth: "none", // Hide scrollbar for IE and older Edge - "-ms-overflow-style": "none", + "-msOverflowStyle": "none", }); export const AppsLibrary = ({ availableQapps, setMode, myName, hasPublishApp, isShow, categories={categories} }) => { @@ -289,7 +289,7 @@ export const AppsLibrary = ({ availableQapps, setMode, myName, hasPublishApp, i scrollbarWidth: "none", // Hide scrollbar for IE and older Edge - "-ms-overflow-style": "none", + "-msOverflowStyle": "none", }}> {categories?.map((category)=> { return ( diff --git a/src/components/Apps/AppsLibraryDesktop.tsx b/src/components/Apps/AppsLibraryDesktop.tsx index de356d4..241cc01 100644 --- a/src/components/Apps/AppsLibraryDesktop.tsx +++ b/src/components/Apps/AppsLibraryDesktop.tsx @@ -73,7 +73,7 @@ const ScrollerStyled = styled("div")({ scrollbarWidth: "none", // Hide scrollbar for IE and older Edge - "-ms-overflow-style": "none", + "-msOverflowStyle": "none", }); const StyledVirtuosoContainer = styled("div")({ @@ -92,7 +92,7 @@ const StyledVirtuosoContainer = styled("div")({ scrollbarWidth: "none", // Hide scrollbar for IE and older Edge - "-ms-overflow-style": "none", + "-msOverflowStyle": "none", }); export const AppsLibraryDesktop = ({