Replace non-single-path SVG

src/components/icons/TriangleExclamation.tsx

@@ -1,37 +0,0 @@
-import React from 'react'
-import Svg, {Path, Rect} from 'react-native-svg'
-
-import {useCommonSVGProps, Props} from '#/components/icons/common'
-
-export const TriangleExclamation_Stroke2_Corner2_Rounded = React.forwardRef<
-  Svg,
-  Props
->(function LogoImpl(props, ref) {
-  const {fill, size, style, ...rest} = useCommonSVGProps(props)
-
-  return (
-    <Svg
-      fill="none"
-      {...rest}
-      ref={ref}
-      viewBox="0 0 24 24"
-      width={size}
-      height={size}
-      style={[style]}>
-      <Path
-        fill={fill}
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12.86 4.494a.995.995 0 0 0-1.72 0L4.14 16.502A.996.996 0 0 0 4.999 18h14.003a.996.996 0 0 0 .86-1.498L12.86 4.494ZM9.413 3.487c1.155-1.983 4.019-1.983 5.174 0l7.002 12.007C22.753 17.491 21.314 20 19.002 20H4.998c-2.312 0-3.751-2.509-2.587-4.506L9.413 3.487ZM12 8.019a1 1 0 0 1 1 1v2.994a1 1 0 1 1-2 0V9.02a1 1 0 0 1 1-1Z"
-      />
-      <Rect
-        width="2.5"
-        height="2.5"
-        x="10.75"
-        y="13.75"
-        fill={fill}
-        rx="1.25"
-      />
-    </Svg>
-  )
-})

src/components/icons/Warning.tsx

@@ -0,0 +1,5 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const Warning_Stroke2_Corner0_Rounded = createSinglePathSVG({
+  path: 'M11.14 4.494a.995.995 0 0 1 1.72 0l7.001 12.008a.996.996 0 0 1-.86 1.498H4.999a.996.996 0 0 1-.86-1.498L11.14 4.494Zm3.447-1.007c-1.155-1.983-4.019-1.983-5.174 0L2.41 15.494C1.247 17.491 2.686 20 4.998 20h14.004c2.312 0 3.751-2.509 2.587-4.506L14.587 3.487ZM13 9.019a1 1 0 1 0-2 0v2.994a1 1 0 1 0 2 0V9.02Zm-1 4.731a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z',
+})

src/lib/moderation/useModerationCauseDescription.ts

@@ -5,7 +5,7 @@ import {useGlobalLabelStrings} from './useGlobalLabelStrings'
 import {useLabelDefinitions} from '#/state/queries/preferences'
 import {getDefinition, getLabelStrings} from './useLabelInfo'
 
-import {TriangleExclamation_Stroke2_Corner2_Rounded as TriangleExclamation} from '#/components/icons/TriangleExclamation'
+import {Warning_Stroke2_Corner0_Rounded as Warning} from '#/components/icons/Warning'
 import {CircleInfo_Stroke2_Corner0_Rounded as CircleInfo} from '#/components/icons/CircleInfo'
 import {EyeSlash_Stroke2_Corner0_Rounded as EyeSlash} from '#/components/icons/EyeSlash'
 import {CircleBanSign_Stroke2_Corner0_Rounded as CircleBanSign} from '#/components/icons/CircleBanSign'
@@ -25,7 +25,7 @@ export function useModerationCauseDescription(
   const {labelDefs, labelers} = useLabelDefinitions()
   if (!cause) {
     return {
-      icon: TriangleExclamation,
+      icon: Warning,
       name: _(msg`Content Warning`),
       description: _(
         msg`Moderator has chosen to set a general warning on the content.`,
@@ -101,7 +101,7 @@ export function useModerationCauseDescription(
         def.identifier === '!no-unauthenticated'
           ? EyeSlash
           : def.severity === 'alert'
-          ? TriangleExclamation
+          ? Warning
           : CircleInfo,
       name: strings.name,
       description: strings.description,