[MM-62669] Updates to cloud specific imagery in system console (#29963)

* Updates to cloud specific imagery in system console

* Revert something from images

* Fix linter

* Updates from PR feedback

* Fix lint

* Add svg

* Lint fixes, update another SVG

* change to pre-existing already-themed version of svg

* change the folder of the file

* add file

* Adjust styling

webapp/channels/src/components/admin_console/billing/billing_history.scss

@@ -35,7 +35,7 @@
 }
 
 .BillingHistory__cardBody {
-    padding: 20px;
+    padding: 48px;
 }
 
 .BillingHistory__noHistory {
@@ -53,7 +53,6 @@
 
 .BillingHistory__noHistory-link {
     margin-top: 20px;
-    margin-bottom: 40px;
     color: var(--sys-button-bg);
     font-size: 14px;
     font-weight: 600;

webapp/channels/src/components/admin_console/billing/billing_history.tsx

@@ -36,8 +36,8 @@ interface NoBillingHistorySectionProps {
 export const NoBillingHistorySection = (props: NoBillingHistorySectionProps) => (
     <div className='BillingHistory__noHistory'>
         <EmptyBillingHistorySvg
-            width={300}
+            width={152}
-            height={210}
+            height={116}
         />
         <div className='BillingHistory__noHistory-message'>
             <FormattedMessage

webapp/channels/src/components/admin_console/billing/billing_summary/billing_summary.tsx

@@ -37,8 +37,8 @@ const messages = defineMessages({
 export const noBillingHistory = (
     <div className='BillingSummary__noBillingHistory'>
         <EmptyBillingHistorySvg
-            height={167}
+            height={116}
-            width={234}
+            width={152}
         />
         <div className='BillingSummary__noBillingHistory-title'>
             <FormattedMessage

webapp/channels/src/components/admin_console/billing/company_info_display.scss

@@ -92,7 +92,6 @@
 
 .CompanyInfoDisplay__noCompanyInfo-link {
     margin-top: 20px;
-    margin-bottom: 12px;
     color: var(--sys-button-bg);
     font-size: 14px;
     font-weight: 600;

webapp/channels/src/components/admin_console/billing/company_info_display.tsx

@@ -33,8 +33,8 @@ const addInfoButton = (
 const noCompanyInfoSection = (
     <div className='CompanyInfoDisplay__noCompanyInfo'>
         <CompanySvg
-            width={300}
+            width={170}
-            height={210}
+            height={149}
         />
         <div className='CompanyInfoDisplay__noCompanyInfo-message'>
             <FormattedMessage
@@ -64,7 +64,7 @@ const CompanyInfoDisplay: React.FC = () => {
 
     let body = noCompanyInfoSection;
     const address = companyInfo?.company_address?.line1 ? companyInfo.company_address : companyInfo?.billing_address;
-    const isCompanyBillingFilled = address?.line1 !== undefined;
+    const isCompanyBillingFilled = address?.line1 !== undefined && address?.line1 !== '';
     if (isCompanyBillingFilled) {
         body = (
             <div className='CompanyInfoDisplay__companyInfo'>

webapp/channels/src/components/pricing_modal/card.tsx

@@ -8,11 +8,11 @@ import {useIntl} from 'react-intl';
 import styled from 'styled-components';
 
 import useOpenSalesLink from 'components/common/hooks/useOpenSalesLink';
+import ChatIllustration from 'components/common/svg_images_components/chat_illustration';
 import ExternalLink from 'components/external_link';
 
 import {HostedCustomerLinks} from 'utils/constants';
 
-import BlankCardImage from './blank_card_image.svg';
 import BuildingSvg from './building.svg';
 import TadaSvg from './tada.svg';
 
@@ -74,7 +74,7 @@ export function BlankCard() {
     return (
         <div className='BlankCard'>
             <div className='image'>
-                <BlankCardImage/>
+                {ChatIllustration}
             </div>
 
             <div className='description'>

webapp/channels/src/components/threading/global_threads/global_threads.tsx

@@ -27,6 +27,7 @@ import {getSelectedThreadIdInCurrentTeam} from 'selectors/views/threads';
 import {useGlobalState} from 'stores/hooks';
 import LocalStorageStore from 'stores/local_storage_store';
 
+import ChatIllustration from 'components/common/svg_images_components/chat_illustration';
 import LoadingScreen from 'components/loading_screen';
 import NoResultsIndicator from 'components/no_results_indicator';
 
@@ -39,7 +40,6 @@ import {LhsItemType, LhsPage} from 'types/store/lhs';
 import ThreadList, {ThreadFilter, FILTER_STORAGE_KEY} from './thread_list';
 import ThreadPane from './thread_pane';
 
-import ChatIllustration from '../common/chat_illustration';
 import {useThreadRouting} from '../hooks';
 import ThreadViewer from '../thread_viewer';