change button style for change username box (#2537)

* change button style for change username box

* fix lints

src/core/client/stream/tabs/Profile/Settings/ChangeUsername/ChangeUsernameContainer.tsx

@@ -32,7 +32,6 @@ import FieldValidationMessage from "coral-stream/common/FieldValidationMessage";
 import {
   Box,
   Button,
-  ButtonIcon,
   CallOut,
   CardCloseButton,
   Flex,
@@ -321,11 +320,7 @@ const ChangeUsernameContainer: FunctionComponent<Props> = ({
                           Cancel
                         </Button>
                       </Localized>
-                      <Localized
-                        id="profile-changeUsername-submit"
-                        ButtonIcon={<ButtonIcon>save</ButtonIcon>}
-                        span={<span />}
-                      >
+                      <Localized id="profile-changeUsername-submit-button-save">
                         <Button
                           className={CLASSES.myUsername.form.saveButton}
                           variant={pristine || invalid ? "outlined" : "filled"}
@@ -334,7 +329,6 @@ const ChangeUsernameContainer: FunctionComponent<Props> = ({
                           color={pristine || invalid ? "regular" : "primary"}
                           disabled={pristine || invalid}
                         >
-                          <ButtonIcon>save</ButtonIcon>
                           <span>Save</span>
                         </Button>
                       </Localized>

src/locales/en-US/stream.ftl

@@ -367,6 +367,7 @@ profile-changeUsername-newUsername-label = New username
 profile-changeUsername-confirmNewUsername-label = Confirm new username
 profile-changeUsername-cancel = Cancel
 profile-changeUsername-submit = <ButtonIcon>save</ButtonIcon> <span>Save</span>
+profile-changeUsername-submit-button = Save 
 profile-changeUsername-recentChange = Your username has been changed in the last { framework-timeago-time }. You may change your username again on { $nextUpdate }
 profile-changeUsername-close = Close