Lint cleanup and typo

Author: jmgasper

package.json

@@ -118,7 +118,7 @@
     "shortid": "^2.2.16",
     "styled-components": "^5.3.6",
     "swr": "^1.3.0",
-    "tc-auth-lib": "topcoder-platform/tc-auth-lib#1.0.26",
+    "tc-auth-lib": "topcoder-platform/tc-auth-lib#1.0.27",
     "turndown": "^4.0.2",
     "typescript": "^4.8.4",
     "universal-navigation": "https://github.com/topcoder-platform/universal-navigation#9fc50d938be7182",

src/apps/wallet-admin/src/lib/components/payment-view/PaymentView.tsx

@@ -150,24 +150,37 @@ const PaymentView: React.FC<PaymentViewProps> = (props: PaymentViewProps) => {
                 {view === 'audit' && (
                     <>
                         <div className={styles.auditSection}>
-                            {auditLines &&
-                                auditLines.length > 0 &&
-                                auditLines.map((line) => (
+                            {auditLines
+                                && auditLines.length > 0
+                                && auditLines.map(line => (
                                     <Collapsible
                                         key={line.id}
-                                        header={<h3>{new Date(line.createdAt).toLocaleString()}</h3>}
+                                        header={
+                                            (
+                                                <h3>
+                                                    {
+                                                        new Date(line.createdAt)
+                                                            .toLocaleString()
+                                                    }
+                                                </h3>
+                                            )
+                                        }
                                         containerClass={styles.container}
-                                        contentClass={styles.content}>
+                                        contentClass={styles.content}
+                                    >
                                         <div className={styles.auditItem}>
                                             <div>
                                                 <p>
-                                                    <strong>User:</strong> {line.userId}
+                                                    <strong>User:</strong>
+                                                    {line.userId}
                                                 </p>
                                                 <p>
-                                                    <strong>Action:</strong> {formatAction(line.action)}
+                                                    <strong>Action:</strong>
+                                                    {formatAction(line.action)}
                                                 </p>
                                                 <p>
-                                                    <strong>Note:</strong> {line.note}
+                                                    <strong>Note:</strong>
+                                                    {line.note}
                                                 </p>
                                             </div>
                                         </div>
@@ -188,29 +201,34 @@ const PaymentView: React.FC<PaymentViewProps> = (props: PaymentViewProps) => {
                 {view === 'external_transaction' && (
                     <>
                         <div className={styles.auditSection}>
-                            {externalTransactionAudit &&
-                                externalTransactionAudit.length > 0 &&
-                                externalTransactionAudit.map((externalTransaction: PayoutAudit, index: number) => (
+                            {externalTransactionAudit
+                                && externalTransactionAudit.length > 0
+                                && externalTransactionAudit.map((externalTransaction: PayoutAudit, index: number) => (
                                     <>
                                         <Collapsible
                                             key={`internal-record${index}`}
                                             header={<h3>Internal Record</h3>}
                                             containerClass={styles.container}
-                                            contentClass={styles.content}>
+                                            contentClass={styles.content}
+                                        >
                                             <div className={styles.auditItem}>
                                                 <div>
                                                     <p>
-                                                        <strong>Provider Used:</strong>{' '}
+                                                        <strong>Provider Used:</strong>
+                                                        {' '}
                                                         {externalTransaction.paymentMethodUsed}
                                                     </p>
                                                     <p>
-                                                        <strong>Status:</strong> {externalTransaction.status}
+                                                        <strong>Status:</strong>
+                                                        {externalTransaction.status}
                                                     </p>
                                                     <p>
-                                                        <strong>Processed At:</strong> {externalTransaction.createdAt}
+                                                        <strong>Processed At:</strong>
+                                                        {externalTransaction.createdAt}
                                                     </p>
                                                     <p>
-                                                        <strong>Totl Amount Processed:</strong>{' '}
+                                                        <strong>Total Amount Processed:</strong>
+                                                        {' '}
                                                         {externalTransaction.totalNetAmount}
                                                     </p>
                                                 </div>
@@ -220,7 +238,8 @@ const PaymentView: React.FC<PaymentViewProps> = (props: PaymentViewProps) => {
                                             key={`external-record${index}`}
                                             header={<h3>External Record</h3>}
                                             containerClass={styles.container}
-                                            contentClass={styles.content}>
+                                            contentClass={styles.content}
+                                        >
                                             <div className={styles.auditItem}>
                                                 <div>
                                                     <pre>

yarn.lock

@@ -18449,9 +18449,9 @@ tar@^6.1.13:
     mkdirp "^1.0.3"
     yallist "^4.0.0"
 
-tc-auth-lib@topcoder-platform/tc-auth-lib#1.0.26:
+tc-auth-lib@topcoder-platform/tc-auth-lib#1.0.27:
   version "1.0.2"
-  resolved "https://codeload.github.com/topcoder-platform/tc-auth-lib/tar.gz/3e1b78473b421327c492a814df3f6c72f17e860f"
+  resolved "https://codeload.github.com/topcoder-platform/tc-auth-lib/tar.gz/dc5b3a29ac3b8e2a0f386fce411c6533c2f33f05"
   dependencies:
     lodash "^4.17.19"