fix: wrongly used icons

Author: isekovanic

examples/SampleApp/src/icons/ChannelInfo.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import Svg, { Path } from 'react-native-svg';
-import { useTheme, IconProps } from 'stream-chat-react-native';
+import { useTheme } from 'stream-chat-react-native';
 
-export const ChannelInfo = (props: IconProps) => {
+export const ChannelInfo = () => {
   const {
     theme: {
       semantics,
@@ -15,11 +15,10 @@ export const ChannelInfo = (props: IconProps) => {
       height={20}
       viewBox='0 0 20 20'
       fill='none'
-      {...props}
     >
       <Path
         d='M8.95841 8.41663C8.5442 8.41663 8.20841 8.75241 8.20841 9.16663C8.20841 9.58084 8.5442 9.91663 8.95841 9.91663V9.16663V8.41663ZM10.0001 9.16663H10.7501C10.7501 8.75241 10.4143 8.41663 10.0001 8.41663V9.16663ZM9.25008 13.5416C9.25008 13.9558 9.58587 14.2916 10.0001 14.2916C10.4143 14.2916 10.7501 13.9558 10.7501 13.5416H10.0001H9.25008ZM8.95841 9.16663V9.91663H10.0001V9.16663V8.41663H8.95841V9.16663ZM10.0001 9.16663H9.25008V13.5416H10.0001H10.7501V9.16663H10.0001ZM17.7084 9.99996H16.9584C16.9584 13.8429 13.843 16.9583 10.0001 16.9583V17.7083V18.4583C14.6715 18.4583 18.4584 14.6713 18.4584 9.99996H17.7084ZM10.0001 17.7083V16.9583C6.1571 16.9583 3.04175 13.8429 3.04175 9.99996H2.29175H1.54175C1.54175 14.6713 5.32867 18.4583 10.0001 18.4583V17.7083ZM2.29175 9.99996H3.04175C3.04175 6.15698 6.1571 3.04163 10.0001 3.04163V2.29163V1.54163C5.32868 1.54163 1.54175 5.32855 1.54175 9.99996H2.29175ZM10.0001 2.29163V3.04163C13.843 3.04163 16.9584 6.15698 16.9584 9.99996H17.7084H18.4584C18.4584 5.32855 14.6715 1.54163 10.0001 1.54163V2.29163ZM9.89592 6.1458V5.3958C9.19402 5.3958 8.62508 5.96478 8.62508 6.66663H9.37508H10.1251C10.1251 6.79318 10.0225 6.8958 9.89592 6.8958V6.1458ZM9.37508 6.66663H8.62508C8.62508 7.36848 9.19402 7.93747 9.89592 7.93747V7.18747V6.43747C10.0225 6.43747 10.1251 6.54008 10.1251 6.66663H9.37508ZM9.89592 7.18747V7.93747C10.5978 7.93747 11.1667 7.36848 11.1667 6.66663H10.4167H9.66675C9.66675 6.54008 9.76935 6.43747 9.89592 6.43747V7.18747ZM10.4167 6.66663H11.1667C11.1667 5.96478 10.5978 5.3958 9.89592 5.3958V6.1458V6.8958C9.76935 6.8958 9.66675 6.79318 9.66675 6.66663H10.4167Z'
-        fill={semantics.textTertiary}
+        fill={semantics.textSecondary}
       />
     </Svg>
   );

package/src/components/ChannelList/hooks/useChannelActionItems.tsx

@@ -109,7 +109,15 @@ export const buildDefaultChannelActionItems: BuildDefaultChannelActionItems = (
         : muteActive
           ? unmuteChannel
           : muteChannel,
-      Icon: (props) => <ChannelActionsIcon Icon={Mute} {...props} />,
+      Icon: (props) => (
+        <Mute
+          width={20}
+          height={20}
+          {...props}
+          stroke={undefined}
+          fill={props.fill ?? props.stroke}
+        />
+      ),
       id: 'mute',
       label: isDirectChat
         ? muteActive

package/src/components/ChannelPreview/ChannelSwipableWrapper.tsx

@@ -57,7 +57,7 @@ export const ChannelSwipableWrapper = ({
   const Icon = useCallback(
     () =>
       isDirectChannel ? (
-        <Mute width={20} height={20} stroke={semantics.textOnAccent} />
+        <Mute width={20} height={20} fill={semantics.textOnAccent} />
       ) : (
         <Archive width={20} height={20} stroke={semantics.textOnAccent} />
       ),

package/src/icons/Mute.tsx

@@ -1,19 +1,32 @@
 import React from 'react';
 
-import Svg, { Path } from 'react-native-svg';
+import Svg, { Mask, Path } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
 export const Mute = ({ height, width, ...rest }: IconProps) => (
-  <Svg height={height} viewBox='0 0 20 20' width={width} fill='none' {...rest}>
+  <Svg width={width} height={height} viewBox='0 0 20 20' fill='none'>
+    <Mask id='path-1-inside-1_10189_3453' fill='white'>
+      <Path
+        fillRule='evenodd'
+        clipRule='evenodd'
+        d='M14.1667 4.94945V3.52154C14.1667 2.67247 13.2054 2.18008 12.5163 2.67619L8.40441 5.63679C8.22712 5.76443 8.01421 5.83311 7.79576 5.83311H6.45833C5.19268 5.83311 4.16666 6.85912 4.16666 8.12477V11.8747C4.16666 12.7083 4.61171 13.4379 5.27714 13.839L2.68306 16.4331C2.43898 16.6772 2.43898 17.0728 2.68306 17.3169C2.92713 17.561 3.32286 17.561 3.56694 17.3169L17.3169 3.56694C17.561 3.32287 17.561 2.92713 17.3169 2.68306C17.0728 2.43898 16.6772 2.43898 16.4331 2.68306L14.1667 4.94945ZM6.22574 12.8904C5.76241 12.7847 5.41666 12.3701 5.41666 11.8747V8.12477C5.41666 7.54948 5.88303 7.08311 6.45833 7.08311H7.79576C8.27634 7.08311 8.74475 6.93202 9.13475 6.65121L12.9167 3.92826V6.19945L6.22574 12.8904Z'
+      />
+      <Path d='M12.9167 16.0713L9.23183 13.4182L8.33391 14.3162C8.35791 14.3307 8.3815 14.3462 8.40441 14.3627L12.5163 17.3233C13.2054 17.8195 14.1667 17.3271 14.1667 16.478V8.48342L12.9167 9.73342V16.0713Z' />
+    </Mask>
     <Path
       fillRule='evenodd'
       clipRule='evenodd'
-      d='M14.1667 4.94945V3.52154C14.1667 2.67247 13.2054 2.18008 12.5163 2.67619L8.40442 5.63679C8.22712 5.76443 8.01421 5.83311 7.79576 5.83311H6.45833C5.19268 5.83311 4.16666 6.85912 4.16666 8.12477V11.8747C4.16666 12.7083 4.61171 13.4379 5.27714 13.839L2.68306 16.4331C2.43898 16.6772 2.43898 17.0728 2.68306 17.3169C2.92713 17.561 3.32286 17.561 3.56694 17.3169L17.3169 3.56694C17.561 3.32287 17.561 2.92713 17.3169 2.68306C17.0728 2.43898 16.6772 2.43898 16.4331 2.68306L14.1667 4.94945ZM6.22574 12.8904C5.76241 12.7847 5.41666 12.3701 5.41666 11.8747V8.12477C5.41666 7.54948 5.88303 7.08311 6.45833 7.08311H7.79576C8.27634 7.08311 8.74475 6.93202 9.13475 6.65121L12.9167 3.92826V6.19945L6.22574 12.8904Z'
+      d='M14.1667 4.94945V3.52154C14.1667 2.67247 13.2054 2.18008 12.5163 2.67619L8.40441 5.63679C8.22712 5.76443 8.01421 5.83311 7.79576 5.83311H6.45833C5.19268 5.83311 4.16666 6.85912 4.16666 8.12477V11.8747C4.16666 12.7083 4.61171 13.4379 5.27714 13.839L2.68306 16.4331C2.43898 16.6772 2.43898 17.0728 2.68306 17.3169C2.92713 17.561 3.32286 17.561 3.56694 17.3169L17.3169 3.56694C17.561 3.32287 17.561 2.92713 17.3169 2.68306C17.0728 2.43898 16.6772 2.43898 16.4331 2.68306L14.1667 4.94945ZM6.22574 12.8904C5.76241 12.7847 5.41666 12.3701 5.41666 11.8747V8.12477C5.41666 7.54948 5.88303 7.08311 6.45833 7.08311H7.79576C8.27634 7.08311 8.74475 6.93202 9.13475 6.65121L12.9167 3.92826V6.19945L6.22574 12.8904Z'
       {...rest}
     />
     <Path
-      d='M12.9167 16.0713L9.23183 13.4183L8.33391 14.3162C8.35791 14.3307 8.3815 14.3462 8.40441 14.3628L12.5163 17.3233C13.2054 17.8195 14.1667 17.3271 14.1667 16.478V8.48342L12.9167 9.73342V16.0713Z'
+      d='M12.9167 16.0713L9.23183 13.4182L8.33391 14.3162C8.35791 14.3307 8.3815 14.3462 8.40441 14.3627L12.5163 17.3233C13.2054 17.8195 14.1667 17.3271 14.1667 16.478V8.48342L12.9167 9.73342V16.0713Z'
+      {...rest}
+    />
+    <Path
+      d='M14.1667 4.94945H12.6667V8.57074L15.2273 6.01012L14.1667 4.94945ZM12.5163 2.67619L11.6399 1.45886L11.6399 1.45889L12.5163 2.67619ZM8.40442 5.63679L9.28083 6.85412L9.28088 6.85409L8.40442 5.63679ZM5.27714 13.839L6.3378 14.8997L7.69345 13.544L6.05147 12.5543L5.27714 13.839ZM2.68306 16.4331L1.6224 15.3724L1.62238 15.3724L2.68306 16.4331ZM3.56694 17.3169L2.50628 16.2563L2.50626 16.2563L3.56694 17.3169ZM17.3169 3.56694L16.2563 2.50626L16.2563 2.50628L17.3169 3.56694ZM16.4331 2.68306L15.3724 1.62238L15.3724 1.62239L16.4331 2.68306ZM6.22574 12.8904L5.89197 14.3528L6.7002 14.5373L7.2864 13.9511L6.22574 12.8904ZM9.13475 6.65121L8.2583 5.4339L8.25827 5.43392L9.13475 6.65121ZM12.9167 3.92826H14.4167V0.999925L12.0402 2.71095L12.9167 3.92826ZM12.9167 6.19945L13.9773 7.26011L14.4167 6.82077V6.19945H12.9167ZM12.9167 16.0713L12.0402 17.2886L14.4167 18.9997V16.0713H12.9167ZM9.23183 13.4183L10.1083 12.2009L9.07313 11.4556L8.17117 12.3576L9.23183 13.4183ZM8.33391 14.3162L7.27325 13.2555L5.9226 14.6062L7.55498 15.5981L8.33391 14.3162ZM8.40441 14.3628L9.28087 13.1454H9.28087L8.40441 14.3628ZM12.5163 17.3233L13.3928 16.1061L13.3928 16.106L12.5163 17.3233ZM14.1667 8.48342H15.6667V4.86209L13.106 7.42276L14.1667 8.48342ZM12.9167 9.73342L11.856 8.67276L11.4167 9.1121V9.73342H12.9167ZM14.1667 4.94945H15.6667V3.52154H14.1667H12.6667V4.94945H14.1667ZM14.1667 3.52154H15.6667C15.6667 1.44978 13.3212 0.248435 11.6399 1.45886L12.5163 2.67619L13.3928 3.89352C13.0897 4.11173 12.6667 3.89517 12.6667 3.52154H14.1667ZM12.5163 2.67619L11.6399 1.45889L7.52795 4.41949L8.40442 5.63679L9.28088 6.85409L13.3928 3.89349L12.5163 2.67619ZM8.40442 5.63679L7.528 4.41946C7.60596 4.36333 7.69963 4.33311 7.79576 4.33311V5.83311V7.33311C8.32878 7.33311 8.84828 7.16553 9.28083 6.85412L8.40442 5.63679ZM7.79576 5.83311V4.33311H6.45833V5.83311V7.33311H7.79576V5.83311ZM6.45833 5.83311V4.33311C4.36425 4.33311 2.66666 6.0307 2.66666 8.12477H4.16666H5.66666C5.66666 7.68755 6.02111 7.33311 6.45833 7.33311V5.83311ZM4.16666 8.12477H2.66666V11.8747H4.16666H5.66666V8.12477H4.16666ZM4.16666 11.8747H2.66666C2.66666 13.2557 3.40584 14.4625 4.50281 15.1237L5.27714 13.839L6.05147 12.5543C5.81757 12.4133 5.66666 12.1609 5.66666 11.8747H4.16666ZM5.27714 13.839L4.21648 12.7783L1.6224 15.3724L2.68306 16.4331L3.74372 17.4937L6.3378 14.8997L5.27714 13.839ZM2.68306 16.4331L1.62238 15.3724C0.792541 16.2023 0.792541 17.5477 1.62238 18.3776L2.68306 17.3169L3.74373 16.2563C4.08542 16.598 4.08542 17.152 3.74373 17.4937L2.68306 16.4331ZM2.68306 17.3169L1.62238 18.3776C2.45224 19.2075 3.79775 19.2075 4.62762 18.3776L3.56694 17.3169L2.50626 16.2563C2.84798 15.9145 3.40202 15.9145 3.74373 16.2563L2.68306 17.3169ZM3.56694 17.3169L4.6276 18.3776L18.3776 4.6276L17.3169 3.56694L16.2563 2.50628L2.50628 16.2563L3.56694 17.3169ZM17.3169 3.56694L18.3776 4.62762C19.2075 3.79775 19.2075 2.45224 18.3776 1.62238L17.3169 2.68306L16.2563 3.74374C15.9145 3.40202 15.9145 2.84798 16.2563 2.50626L17.3169 3.56694ZM17.3169 2.68306L18.3776 1.62238C17.5477 0.792542 16.2023 0.792542 15.3724 1.62238L16.4331 2.68306L17.4937 3.74374C17.152 4.08542 16.598 4.08542 16.2563 3.74374L17.3169 2.68306ZM16.4331 2.68306L15.3724 1.62239L13.106 3.88878L14.1667 4.94945L15.2273 6.01012L17.4937 3.74372L16.4331 2.68306ZM6.22574 12.8904L6.55951 11.428C6.76332 11.4745 6.91666 11.6548 6.91666 11.8747H5.41666H3.91666C3.91666 13.0853 4.76149 14.0948 5.89197 14.3528L6.22574 12.8904ZM5.41666 11.8747H6.91666V8.12477H5.41666H3.91666V11.8747H5.41666ZM5.41666 8.12477H6.91666C6.91666 8.3779 6.71147 8.58311 6.45833 8.58311V7.08311V5.58311C5.0546 5.58311 3.91666 6.72106 3.91666 8.12477H5.41666ZM6.45833 7.08311V8.58311H7.79576V7.08311V5.58311H6.45833V7.08311ZM7.79576 7.08311V8.58311C8.59092 8.58311 9.36594 8.33311 10.0112 7.8685L9.13475 6.65121L8.25827 5.43392C8.12355 5.53092 7.96176 5.58311 7.79576 5.58311V7.08311ZM9.13475 6.65121L10.0112 7.86851L13.7931 5.14556L12.9167 3.92826L12.0402 2.71095L8.2583 5.4339L9.13475 6.65121ZM12.9167 3.92826H11.4167V6.19945H12.9167H14.4167V3.92826H12.9167ZM12.9167 6.19945L11.856 5.13879L5.16508 11.8298L6.22574 12.8904L7.2864 13.9511L13.9773 7.26011L12.9167 6.19945ZM12.9167 16.0713L13.7931 14.854L10.1083 12.2009L9.23183 13.4183L8.35537 14.6356L12.0402 17.2886L12.9167 16.0713ZM9.23183 13.4183L8.17117 12.3576L7.27325 13.2555L8.33391 14.3162L9.39457 15.3768L10.2925 14.4789L9.23183 13.4183ZM8.33391 14.3162L7.55498 15.5981C7.54867 15.5942 7.53944 15.5883 7.52796 15.5801L8.40441 14.3628L9.28087 13.1454C9.22355 13.1042 9.16716 13.0673 9.11285 13.0343L8.33391 14.3162ZM8.40441 14.3628L7.52796 15.5801L11.6399 18.5406L12.5163 17.3233L13.3928 16.106L9.28087 13.1454L8.40441 14.3628ZM12.5163 17.3233L11.6398 18.5406C13.3212 19.7513 15.6667 18.5497 15.6667 16.478H14.1667H12.6667C12.6667 16.1045 13.0896 15.8877 13.3928 16.1061L12.5163 17.3233ZM14.1667 16.478H15.6667V8.48342H14.1667H12.6667V16.478H14.1667ZM14.1667 8.48342L13.106 7.42276L11.856 8.67276L12.9167 9.73342L13.9773 10.7941L15.2273 9.54408L14.1667 8.48342ZM12.9167 9.73342H11.4167V16.0713H12.9167H14.4167V9.73342H12.9167Z'
+      mask='url(#path-1-inside-1_10189_3453)'
       {...rest}
     />
   </Svg>