chore: replace lang icon (#2281)

packages/component/src/components/changeLog/index.css.ts

@@ -96,6 +96,12 @@ export const linkStyle = style({
   flexDirection: 'row',
   justifyContent: 'flex-start',
   alignItems: 'center',
+  maxWidth: 'calc(100% - 32px)',
+});
+export const linkTextStyle = style({
+  whiteSpace: 'nowrap',
+  textOverflow: 'ellipsis',
+  overflow: 'hidden',
 });
 export const iconStyle = style({
   fontSize: '20px',

packages/component/src/components/changeLog/index.tsx

@@ -12,6 +12,7 @@ import {
   iconButtonStyle,
   iconStyle,
   linkStyle,
+  linkTextStyle,
 } from './index.css';
 
 type ChangeLogProps = {
@@ -47,7 +48,7 @@ export const ChangeLog = (props: ChangeLogProps) => {
           }}
         >
           <NewIcon className={iconStyle} />
-          {t["Discover what's new!"]()}
+          <div className={linkTextStyle}>{t["Discover what's new!"]()}</div>
         </div>
         <IconButton
           className={iconButtonStyle}

packages/component/src/components/contact-modal/index.tsx

@@ -109,7 +109,7 @@ export const ContactModal = ({
           })}
         </FlexWrapper>
         <StyledSubTitle>
-          {t['Get in touch! Join our communities.']()}
+          {t['Get in touch! Join our communities']()}
         </StyledSubTitle>
         <FlexWrapper justifyContent="center">
           {linkList.map(({ icon, title, link }) => {