fixup! [IMP] outlook: remove the enrichment feature from the addon

Author: std-odoo

outlook/src/helpers/translate.ts

@@ -56,8 +56,6 @@ export function _t(text: string, parameters?: any): string {
     let translated = translations ? translations[text] : text
 
     if (!translated) {
-        if (translations && Object.keys(translations).length) {
-        }
         translated = text
     }
 

outlook/src/models/partner.ts

@@ -107,9 +107,6 @@ export class Partner {
      *
      * Return
      *      - The Partner related to the given email address
-     *      - The list of Odoo companies in which the current user belongs
-     *      - True if the current user can create partner in his Odoo database
-     *      - True if the current user can create projects in his Odoo database
      *      - The error message if something bad happened
      */
     static async getPartner(

outlook/src/taskpane/components/App.tsx

@@ -1,5 +1,19 @@
-import { Button, makeStyles } from '@fluentui/react-components'
-import { ArrowLeftRegular } from '@fluentui/react-icons'
+import {
+    Button,
+    makeStyles,
+    Menu,
+    MenuButton,
+    MenuItem,
+    MenuList,
+    MenuPopover,
+    MenuTrigger,
+} from '@fluentui/react-components'
+import {
+    ArrowClockwiseRegular,
+    ArrowLeftRegular,
+    MoreVerticalRegular,
+    SignOutRegular,
+} from '@fluentui/react-icons'
 import * as React from 'react'
 import { _t, fetchTranslations } from '../../helpers/translate'
 import { Email } from '../../models/email'
@@ -35,6 +49,23 @@ const useStyles = makeStyles({
         marginTop: '5px',
         marginLeft: '10px',
     },
+    spinner: {
+        padding: '4px',
+    },
+    kebab: {
+        minWidth: '0'
+    },
+    kebabButton: {
+        '& div': {
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            '& > span': {
+                marginRight: '5px'
+            }
+        }
+    },
 })
 
 const App: React.FC<AppProps> = (_props: AppProps) => {
@@ -43,15 +74,17 @@ const App: React.FC<AppProps> = (_props: AppProps) => {
     const [loading, setLoading] = React.useState(
         !!localStorage.getItem('odoo_access_token')
     )
+    const [logged, setLogged] = React.useState(false)
 
     // pages used to go back
     const [currentPage, setCurrentPage] = React.useState(null)
-    const [pages, setPages] = React.useState(() => [])
+    const [pagesPartner, setPagesPartner]: [[any, Partner | null][], any] =
+        React.useState(() => [])
 
     let email = new Email()
 
-    const pushPage = (page) => {
-        setPages((prevPages) => [...prevPages, page])
+    const pushPage = (page, partner: Partner = null) => {
+        setPagesPartner((prevPages) => [...prevPages, [page, partner]])
         setCurrentPage(page)
     }
 
@@ -88,8 +121,9 @@ const App: React.FC<AppProps> = (_props: AppProps) => {
 
     const logout = () => {
         setLoading(false)
+        setLogged(false)
         localStorage.removeItem('odoo_access_token')
-        setPages([])
+        setPagesPartner([])
         setCurrentPage(<Login onLogin={loadEmailContacts} />)
     }
 
@@ -103,12 +137,12 @@ const App: React.FC<AppProps> = (_props: AppProps) => {
                 key={`partner-${partner.key}`}
                 partner={partner}
                 email={email}
-                onLogout={logout}
                 onSearch={onSearchPartners}
                 pushPage={pushPage}
                 goBack={goBack}
                 updatePartner={updatePartner}
-            />
+            />,
+            partner
         )
 
         // fetch the leads, tickets, tasks, etc
@@ -135,15 +169,17 @@ const App: React.FC<AppProps> = (_props: AppProps) => {
                 key={`partner-${partner.key}`}
                 partner={partner}
                 email={email}
-                onLogout={logout}
                 onSearch={onSearchPartners}
                 pushPage={pushPage}
                 goBack={goBack}
                 updatePartner={updatePartner}
             />
         )
 
-        setPages((prevPages) => [...prevPages.slice(0, -1), newCard])
+        setPagesPartner((prevPages) => [
+            ...prevPages.slice(0, -1),
+            [newCard, partner],
+        ])
         setCurrentPage(newCard)
     }
 
@@ -169,15 +205,15 @@ const App: React.FC<AppProps> = (_props: AppProps) => {
                 email={email}
             />
         )
-        setPages([searchRecords])
+        setPagesPartner([[searchRecords, null]])
         setCurrentPage(searchRecords)
     }
 
     /**
      * Fetch the information about the contact in the email.
      * (to know if they exist in the database...)
      */
-    const loadEmailContacts = async () => {
+    const loadEmailContacts = async (autoOpen = true) => {
         const token = localStorage.getItem('odoo_access_token')
         if (!token?.length) {
             logout()
@@ -207,26 +243,42 @@ const App: React.FC<AppProps> = (_props: AppProps) => {
 
         fetchTranslations()
         setEmailContacts(searchedPartners)
-        if (searchedPartners.length === 1) {
+        if (searchedPartners.length === 1 && autoOpen) {
             setPartner(searchedPartners[0])
         }
 
+        setLogged(true)
         setLoading(false)
     }
 
     const goBack = (backCount: number = 1) => {
-        if (pages.length === 2 && email.contacts.length >= 2) {
-            // the contact could have been created, reload its information
-            loadEmailContacts()
-            return
-        }
-        setPages((prevPages) => {
-            const page = prevPages[prevPages.length - 1 - backCount]
+        setPagesPartner((prevPages) => {
+            if (prevPages.length === 2) {
+                // the contact could have been created, reload the view
+                setTimeout(() => loadEmailContacts(false))
+                return []
+            }
+            const [page, _partner] = prevPages[prevPages.length - 1 - backCount]
             setCurrentPage(page)
             return prevPages.slice(0, prevPages.length - backCount)
         })
     }
 
+    const onRefresh = async () => {
+        const partner = pagesPartner[pagesPartner.length - 1][1]
+        const [newPartner, error] = await Partner.getPartner(
+            partner.name,
+            partner.email,
+            partner.id
+        )
+
+        if (error.code) {
+            showError(error.message)
+            return
+        }
+        updatePartner(newPartner)
+    }
+
     // set the logged state if needed, without blocking the rendering
     React.useEffect(() => {
         loadEmailContacts()
@@ -249,9 +301,10 @@ const App: React.FC<AppProps> = (_props: AppProps) => {
 
     return (
         <div className={styles.root}>
-            <div className={styles.header}>
-                {pages.length > 1 && (
+            {logged && (
+                <div className={styles.header}>
                     <Button
+                        disabled={pagesPartner.length <= 1}
                         className={styles.goBack}
                         icon={<ArrowLeftRegular />}
                         title={_t('Go back')}
@@ -260,9 +313,49 @@ const App: React.FC<AppProps> = (_props: AppProps) => {
                         appearance="subtle"
                         onClick={() => goBack()}
                     />
-                )}
-                <GlobalLoading />
-            </div>
+
+                    <GlobalLoading />
+
+                    <Menu>
+                        <MenuTrigger disableButtonEnhancement>
+                            <MenuButton
+                                appearance="subtle"
+                                icon={<MoreVerticalRegular />}
+                                size="medium"
+                            />
+                        </MenuTrigger>
+
+                        <MenuPopover className={styles.kebab}>
+                            <MenuList>
+                                <MenuItem
+                                    className={styles.kebabButton}
+                                    onClick={onRefresh}
+                                    disabled={
+                                        !pagesPartner.length ||
+                                        !pagesPartner[
+                                            pagesPartner.length - 1
+                                        ][1]
+                                    }
+                                >
+                                    <div>
+                                        <span>{_t('Refresh')}</span>
+                                        <ArrowClockwiseRegular />
+                                    </div>
+                                </MenuItem>
+                                <MenuItem
+                                    className={styles.kebabButton}
+                                    onClick={() => logout()}
+                                >
+                                    <div>
+                                        <span>{_t('Log out')}</span>
+                                        <SignOutRegular />
+                                    </div>
+                                </MenuItem>
+                            </MenuList>
+                        </MenuPopover>
+                    </Menu>
+                </div>
+            )}
             {loading ? <Loading /> : currentPage}
             <Error />
         </div>

outlook/src/taskpane/components/PartnerView.tsx

@@ -1,4 +1,4 @@
-import { Button, Image, makeStyles } from '@fluentui/react-components'
+import { Button, makeStyles } from '@fluentui/react-components'
 import * as React from 'react'
 import { getOdooRecordURL } from '../../helpers/http'
 import { _t } from '../../helpers/translate'
@@ -7,12 +7,10 @@ import { showError } from './Error'
 import RecordCard from './RecordCard'
 
 import {
-    ArrowClockwiseRegular,
     BuildingRegular,
     MailRegular,
     PhoneRegular,
     SearchRegular,
-    SignOutRegular,
 } from '@fluentui/react-icons'
 import { searchRecords } from '../../helpers/search_records'
 import { Email } from '../../models/email'
@@ -29,7 +27,6 @@ import SelectProject from './SelectProject'
 export interface PartnerViewProps {
     partner: Partner
     email: Email
-    onLogout: Function
     onSearch: Function
     pushPage: Function
     goBack: Function
@@ -62,41 +59,12 @@ const useStyles = makeStyles({
             verticalAlign: 'middle',
         },
     },
-    spinner: {
-        padding: '4px',
-    },
 })
 
 const PartnerView: React.FC<PartnerViewProps> = (props: PartnerViewProps) => {
-    const {
-        partner,
-        email,
-        onLogout,
-        onSearch,
-        pushPage,
-        goBack,
-        updatePartner,
-    } = props
+    const { partner, email, onSearch, pushPage, goBack, updatePartner } = props
     const styles = useStyles()
 
-    const [isRefreshing, setIsRefreshing] = React.useState(false)
-
-    const onRefresh = async () => {
-        setIsRefreshing(true)
-        const [newPartner, error] = await Partner.getPartner(
-            partner.name,
-            partner.email,
-            partner.id
-        )
-        setIsRefreshing(false)
-
-        if (error.code) {
-            showError(error.message)
-            return
-        }
-        updatePartner(newPartner)
-    }
-
     const onCreate = async () => {
         showGlobalLoading()
         const newPartner = await Partner.savePartner(partner)
@@ -336,24 +304,6 @@ const PartnerView: React.FC<PartnerViewProps> = (props: PartnerViewProps) => {
                         )}
                     />
                 )}
-
-                {isRefreshing ? (
-                    <Image
-                        className={styles.spinner}
-                        width="24px"
-                        src="assets/spinner.gif"
-                        alt={_t('Loading')}
-                    />
-                ) : (
-                    <Button
-                        icon={<ArrowClockwiseRegular />}
-                        title={_t('Refresh Contact Details')}
-                        size="small"
-                        shape="circular"
-                        appearance="subtle"
-                        onClick={onRefresh}
-                    />
-                )}
                 <Button
                     icon={<SearchRegular />}
                     title={_t('Search contact')}
@@ -362,14 +312,6 @@ const PartnerView: React.FC<PartnerViewProps> = (props: PartnerViewProps) => {
                     appearance="subtle"
                     onClick={() => onSearch()}
                 />
-                <Button
-                    icon={<SignOutRegular />}
-                    title={_t('Logout')}
-                    size="small"
-                    shape="circular"
-                    appearance="subtle"
-                    onClick={() => onLogout()}
-                />
             </div>
             {!!partner.leads && (
                 <RecordsSection

outlook/src/taskpane/components/SearchNoRecord.tsx

@@ -8,7 +8,7 @@ const useStyles = makeStyles({
     image: {
         margin: 'auto',
         display: 'block',
-        width: '60%',
+        width: '52%',
         overflow: 'visible',
         paddingTop: '10px',
     },