Updating Rewards icon assets

src/components/icons/fc-ads-megaphone.tsx

@@ -0,0 +1,29 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
+/* tslint:disable */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License. v. 2.0. If a copy of the MPL was not distributed with this file.
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'>
+    <path
+      fill='#E4BDE5'
+      d='M22.052 11.456V6.667a.654.654 0 0 0-.35-.586.643.643 0 0 0-.674.044C16.37 9.417 13.696 9.84 11.887 9.84H6.714C4.666 9.84 3 11.543 3 13.637v1.41c0 2.093 1.666 3.796 3.714 3.796h2.483l2.695 6.677a.65.65 0 0 0 .849.363.672.672 0 0 0 .355-.867l-2.493-6.173h1.278c6.303 0 8.881 3.412 8.998 3.57a.643.643 0 0 0 .722.238.663.663 0 0 0 .445-.63v-4.783c1.29-.304 2.25-1.48 2.25-2.891.01-1.41-.955-2.592-2.244-2.89zM4.3 15.046v-1.41c0-1.36 1.082-2.467 2.414-2.467h2.27v6.346h-2.27c-1.332 0-2.414-1.107-2.414-2.468zm16.452 5.376c-1.443-1.215-4.276-2.907-8.87-2.907h-1.603v-6.346h1.602c1.857 0 4.52-.39 8.87-3.254v12.507zm1.3-4.583V12.85c.562.255.95.83.95 1.497a1.625 1.625 0 0 1-.95 1.492z'
+    />
+    <path
+      fill='#F3CD72'
+      d='M28.257 13.5h-2.62c-.372 0-.673.28-.673.625s.301.625.673.625h2.62c.372 0 .673-.28.673-.625 0-.35-.3-.625-.673-.625zm-3.556-1.337a.636.636 0 0 0 .822.358l2.396-.933a.626.626 0 0 0 .356-.815.634.634 0 0 0-.821-.354l-2.396.934a.627.627 0 0 0-.357.81zm3.218 4.814l-2.394-.933a.633.633 0 0 0-.821.354.626.626 0 0 0 .356.815l2.395.934c.077.03.155.04.232.04.253 0 .49-.153.588-.4a.623.623 0 0 0-.356-.81z'
+    />
+    <path
+      fill='#C12D7C'
+      d='M14.384 15.32l-.167-.494h-1.01l-.167.494h-.535l.913-2.596h.592l.912 2.596h-.538zm-.305-.91l-.367-1.085-.367 1.085h.734zm1.054-.126c0-.643.407-1.055.923-1.055a.82.82 0 0 1 .658.32v-.978h.516v2.749h-.516v-.305c-.12.19-.345.338-.661.338-.513 0-.92-.427-.92-1.07zm1.585.007c0-.39-.255-.605-.535-.605-.272 0-.53.208-.53.598s.258.613.53.613c.28 0 .535-.216.535-.606zm2.573.442c0 .353-.302.62-.792.62-.506 0-.858-.3-.88-.683h.512c.019.156.16.275.364.275.2 0 .309-.093.309-.212 0-.368-1.138-.134-1.138-.888 0-.341.298-.616.796-.616.487 0 .782.271.81.68h-.486c-.015-.16-.138-.268-.338-.268-.19 0-.287.078-.287.197 0 .375 1.115.141 1.13.895z'
+    />
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/fc-rewards-activate.tsx

@@ -0,0 +1,29 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
+/* tslint:disable */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License. v. 2.0. If a copy of the MPL was not distributed with this file.
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'>
+    <path
+      fill='#FB542B'
+      d='M27.811 20.042l-5.28 5.282a4.738 4.738 0 0 1-2.646 1.34l-3.557.548c-.24.036-.483.055-.725.055H6.467V20.14l1.998-1.249a4.761 4.761 0 0 1 2.526-.724h7.07a.867.867 0 0 1 0 1.733h-4.556a1.733 1.733 0 0 0 0 3.467h6.584c.545 0 1.07-.205 1.47-.575l4.695-4.333c.213-.194.492-.298.78-.291a1.099 1.099 0 0 1 .777 1.875zM3.867 28.133H5.6v-8.666H3.867v8.666zM26.999 17.3c-.494 0-.97.185-1.333.52l-4.695 4.333c-.24.223-.555.347-.882.347h-6.584a.867.867 0 1 1 0-1.733h4.556a1.733 1.733 0 1 0 0-3.467h-7.07c-1.056 0-2.09.297-2.986.857l-1.538.963v-.52H3V29h3.467v-.867h9.136c.286 0 .573-.022.856-.065l3.558-.547a5.598 5.598 0 0 0 3.126-1.585l5.281-5.281c.37-.368.577-.868.576-1.39a1.976 1.976 0 0 0-1.986-1.965H27z'
+    />
+    <path
+      fill='#D62BA3'
+      d='M14.267 8.2a.433.433 0 0 0 .402-.273L16 4.6l1.33 3.327a.433.433 0 0 0 .403.273h3.034l-2.427 1.82a.433.433 0 0 0-.158.46l.916 3.361-2.81-2.498a.433.433 0 0 0-.558-.015l-3.128 2.502 1.206-3.315a.433.433 0 0 0-.148-.495L11.233 8.2h3.034zm-1.384 2.32l-1.624 4.464a.433.433 0 0 0 .678.486l4.048-3.238 3.627 3.223a.433.433 0 0 0 .706-.437l-1.222-4.481 3.23-2.424a.433.433 0 0 0-.26-.78h-4.04l-1.623-4.06a.433.433 0 0 0-.805 0l-1.625 4.06h-4.04a.433.433 0 0 0-.26.78l3.21 2.407z'
+    />
+    <path
+      fill='#9563D4'
+      d='M10.868 4.652l.626-.626 1.769 1.77-.625.625-1.77-1.769M18.395 5.796l1.769-1.77.625.626-1.769 1.769-.625-.625M8.816 11.553h2.395v-.685H8.816zM20.789 11.553h2.395v-.685h-2.395zM15.316 16H16v-2.395h-.684z'
+    />
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/index.tsx

@@ -62,6 +62,7 @@ export { default as WalletWithdrawIcon } from './wallet-withdraw'
 
 // complex, do not autogenerate
 // TODO(petemill): Should have separate process for logos
+export { default as AdsMegaphoneIcon } from './fc-ads-megaphone'
 export { default as BatColorIcon } from './fc-logo-bat'
 export { default as BatGreyIcon } from './fc-logo-bat-grey'
 export { default as BitcoinColorIcon } from './fc-logo-bitcoin'
@@ -70,12 +71,13 @@ export { default as EthereumColorIcon } from './fc-logo-ethereum'
 export { default as LitecoinColorIcon } from './fc-logo-litecoin'
 export { default as LoaderIcon } from './loader'
 export { default as PaperAirplaneIcon } from './paper-airplane'
+export { default as RewardsActivateIcon } from './fc-rewards-activate'
+export { default as RewardsSendTipsIcon } from './fc-rewards-send-tips'
 export { default as TorLockIcon } from './tor-lock'
 export { default as TwitchColorIcon } from './fc-logo-twitch'
 export { default as TwitterColorIcon } from './fc-logo-twitter'
 export { default as UpholdColorIcon } from './fc-logo-uphold'
 export { default as YoutubeColorIcon } from './fc-logo-youtube'
-export { default as SendTipsIcon } from './send-tips'
 
 // illustrative
 export { default as GiftIcon } from './illustrative/gift'

src/features/rewards/tipsMigrationAlert/index.tsx

@@ -26,7 +26,7 @@ import {
   StyledButtonContainer
 } from './style'
 import { Modal } from '../../../components'
-import { AlertCircleIcon, SendTipsIcon } from '../../../components/icons'
+import { AlertCircleIcon, RewardsSendTipsIcon } from '../../../components/icons'
 import Button from '../../../components/buttonsIndicators/button'
 
 export interface Props {
@@ -65,7 +65,7 @@ export default class TipsMigrationAlert extends React.PureComponent<Props, State
       >
         <StyledModalContent>
           <StyledTipsIcon>
-            <SendTipsIcon />
+            <RewardsSendTipsIcon />
           </StyledTipsIcon>
           <StyledModalInfo>
             <StyledMessage modal={true}>