[SAML Configuration] Display domains to members and admins in Workspaces tab

src/ONYXKEYS.ts

@@ -697,6 +697,9 @@ const ONYXKEYS = {
 
         /** Stores the information about the state of issuing a new card */
         ISSUE_NEW_EXPENSIFY_CARD: 'issueNewExpensifyCard_',
+
+        /** Used for identifying user as admin of a domain */
+        SHARED_NVP_PRIVATE_ADMIN_ACCESS: 'sharedNVP_private_admin_access_',
     },
 
     /** List of Form ids */
@@ -1081,6 +1084,7 @@ type OnyxCollectionValuesMapping = {
     [ONYXKEYS.COLLECTION.LAST_SELECTED_EXPENSIFY_CARD_FEED]: OnyxTypes.FundID;
     [ONYXKEYS.COLLECTION.NVP_EXPENSIFY_ON_CARD_WAITLIST]: OnyxTypes.CardOnWaitlist;
     [ONYXKEYS.COLLECTION.ISSUE_NEW_EXPENSIFY_CARD]: OnyxTypes.IssueNewCard;
+    [ONYXKEYS.COLLECTION.SHARED_NVP_PRIVATE_ADMIN_ACCESS]: boolean;
 };
 
 type OnyxValuesMapping = {

src/components/Domain/DomainsListRow.tsx

@@ -0,0 +1,54 @@
+import React from 'react';
+import {View} from 'react-native';
+import Icon from '@components/Icon';
+import * as Expensicons from '@components/Icon/Expensicons';
+import TextWithTooltip from '@components/TextWithTooltip';
+import useTheme from '@hooks/useTheme';
+import useThemeStyles from '@hooks/useThemeStyles';
+
+type DomainsListRowProps = {
+    /** Name of the domain */
+    title: string;
+
+    /** Whether the row is hovered, so we can modify its style */
+    isHovered: boolean;
+
+    /** Whether the icon at the end of the row should be displayed */
+    shouldShowRightIcon: boolean;
+};
+
+function DomainsListRow({title, isHovered, shouldShowRightIcon}: DomainsListRowProps) {
+    const styles = useThemeStyles();
+    const theme = useTheme();
+
+    return (
+        <View style={[styles.flexRow, styles.highlightBG, styles.br3, styles.p5, styles.alignItemsCenter, styles.gap3, isHovered && styles.hoveredComponentBG]}>
+            <View style={[styles.flex1, styles.flexRow, styles.bgTransparent, styles.gap3, styles.alignItemsCenter]}>
+                <Icon
+                    src={Expensicons.Globe}
+                    fill={theme.icon}
+                    additionalStyles={styles.domainIcon}
+                />
+                <TextWithTooltip
+                    text={title}
+                    shouldShowTooltip
+                    style={[styles.textStrong]}
+                />
+            </View>
+
+            {shouldShowRightIcon && (
+                <View style={styles.touchableButtonImage}>
+                    <Icon
+                        src={Expensicons.NewWindow}
+                        fill={isHovered ? theme.iconHovered : theme.icon}
+                        isButtonIcon
+                    />
+                </View>
+            )}
+        </View>
+    );
+}
+
+DomainsListRow.displayName = 'DomainsListRow';
+
+export default DomainsListRow;

src/languages/de.ts

@@ -673,6 +673,7 @@ const translations = {
         pinned: 'Angeheftet',
         read: 'Gelesen',
         copyToClipboard: 'In die Zwischenablage kopieren',
+        domains: 'Domänen',
     },
     supportalNoAccess: {
         title: 'Nicht so schnell',

src/languages/en.ts

@@ -666,6 +666,7 @@ const translations = {
         pinned: 'Pinned',
         read: 'Read',
         copyToClipboard: 'Copy to clipboard',
+        domains: 'Domains',
     },
     supportalNoAccess: {
         title: 'Not so fast',

src/languages/es.ts

@@ -652,6 +652,7 @@ const translations = {
         pinned: 'Fijado',
         read: 'Leído',
         copyToClipboard: 'Copiar al portapapeles',
+        domains: 'Dominios',
     },
     supportalNoAccess: {
         title: 'No tan rápido',

src/languages/fr.ts

@@ -671,6 +671,7 @@ const translations = {
         pinned: 'Épinglé',
         read: 'Lu',
         copyToClipboard: 'Copier dans le presse-papiers',
+        domains: 'Domaines',
     },
     supportalNoAccess: {
         title: 'Pas si vite',

src/languages/it.ts

@@ -671,6 +671,7 @@ const translations = {
         pinned: 'Fissato',
         read: 'Letto',
         copyToClipboard: 'Copia negli appunti',
+        domains: 'Domini',
     },
     supportalNoAccess: {
         title: 'Non così in fretta',

src/languages/ja.ts

@@ -671,6 +671,7 @@ const translations = {
         pinned: '固定済み',
         read: '既読',
         copyToClipboard: 'クリップボードにコピー',
+        domains: 'ドメイン',
     },
     supportalNoAccess: {
         title: 'ちょっと待ってください',

src/languages/nl.ts

@@ -670,6 +670,7 @@ const translations = {
         pinned: 'Vastgezet',
         read: 'Gelezen',
         copyToClipboard: 'Kopiëren naar klembord',
+        domains: 'Domeinen',
     },
     supportalNoAccess: {
         title: 'Niet zo snel',

src/languages/pl.ts

@@ -671,6 +671,7 @@ const translations = {
         pinned: 'Przypięte',
         read: 'Przeczytane',
         copyToClipboard: 'Skopiuj do schowka',
+        domains: 'Domeny',
     },
     supportalNoAccess: {
         title: 'Nie tak szybko',

src/languages/pt-BR.ts

@@ -673,6 +673,7 @@ const translations = {
         pinned: 'Fixado',
         read: 'Lido',
         copyToClipboard: 'Copiar para a área de transferência',
+        domains: 'Domínios',
     },
     supportalNoAccess: {
         title: 'Não tão rápido',

src/languages/zh-hans.ts

@@ -672,6 +672,7 @@ const translations = {
         pinned: '已固定',
         read: '已读',
         copyToClipboard: '复制到剪贴板',
+        domains: '域名',
     },
     supportalNoAccess: {
         title: '慢一点',