Added TIP chip to FriendsInvite Page

fdiazq · Sep 29, 2024 · ecfe7a0 · ecfe7a0
1 parent cbf155f
commit ecfe7a0
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/js/common/pages/ChallengeInviteFriends/ChallengeInviteFriends.jsx b/src/js/common/pages/ChallengeInviteFriends/ChallengeInviteFriends.jsx
@@ -1,4 +1,5 @@
 import loadable from '@loadable/component';
+import Chip from '@mui/material/Chip';
 import withStyles from '@mui/styles/withStyles';
 import PropTypes from 'prop-types';
 import React, { Component, Suspense } from 'react';
@@ -178,6 +179,8 @@ class ChallengeInviteFriends extends Component {
           <ContentOuterWrapperDefault>
             <ContentInnerWrapperDefault>
               <CampaignProcessStepIntroductionText>
+                <StyledChip label="TIP" />
+                &nbsp;
                 So we can correctly calculate your boost points,
                 {' '}
                 <strong>
@@ -227,4 +230,9 @@ const InvitedFriendsWrapper = styled('div')`
   flex-direction: column;
 `;
 
+const StyledChip = styled(Chip)`
+  background-color: ${DesignTokenColors.confirmation700};
+  color: ${DesignTokenColors.whiteUI};
+`;
+
 export default withStyles(commonMuiStyles)(ChallengeInviteFriends);