[IMP] wip login

Author: std-odoo

outlook/package-lock.json

@@ -57,11 +57,18 @@ const Login: React.FC<LoginProps> = (props: LoginProps) => {
             url = 'https://' + url
         }
         setUrl(url)
+
+        if (url.endsWith('/odoo')) {
+            url = url.slice(0, -5)
+        } else if (url.endsWith('/odoo/web')) {
+            url = url.slice(0, -9)
+        }
         localStorage.setItem('odoo_url', url)
     }
 
     const onClickLogin = async () => {
         setLoading(true)
+        const url = localStorage.getItem('odoo_url')
         const ok = await isOdooDatabaseReachable(url)
         setLoading(false)
         if (!ok) {
@@ -85,6 +92,12 @@ const Login: React.FC<LoginProps> = (props: LoginProps) => {
         props.onLogin()
     }
 
+    const onKeyUp = (event) => {
+        if (event.key === 'Enter') {
+            onClickLogin()
+        }
+    }
+
     const onClickSignup = () => {
         window.open(
             'https://www.odoo.com/trial?selected_app=mail_plugin:crm:helpdesk:project',
@@ -108,6 +121,7 @@ const Login: React.FC<LoginProps> = (props: LoginProps) => {
                 value={url}
                 placeholder="Connect to..."
                 onChange={onInputChange}
+                onKeyUp={onKeyUp}
             />
             <Button
                 className={styles.button}

outlook/src/taskpane/components/Login.tsx

@@ -113,21 +113,30 @@ const PartnerView: React.FC<PartnerViewProps> = (props: PartnerViewProps) => {
             <span
                 className={styles.info}
                 key={`companyName-${partner.companyName}`}
+                title={partner.companyName}
             >
                 <BuildingRegular /> {partner.companyName}
             </span>
         )
     }
     if (partner.email) {
         description.push(
-            <span className={styles.info} key={`email-${partner.email}`}>
+            <span
+                className={styles.info}
+                key={`email-${partner.email}`}
+                title={partner.email}
+            >
                 <MailRegular /> {partner.email}
             </span>
         )
     }
     if (partner.phone) {
         description.push(
-            <span className={styles.info} key={`phone-${partner.phone}`}>
+            <span
+                className={styles.info}
+                key={`phone-${partner.phone}`}
+                title={partner.phone}
+            >
                 <PhoneRegular /> {partner.phone}
             </span>
         )

outlook/src/taskpane/components/PartnerView.tsx

@@ -95,8 +95,20 @@ const RecordCard: React.FC<RecordCardProps> = (props: RecordCardProps) => {
             >
                 {!!icon && <img className={styles.icon} src={icon} />}
                 <div className={styles.recordInfo}>
-                    <span className={styles.info}>{name}</span>
-                    <div className={styles.description}>{description}</div>
+                    <span
+                        className={styles.info}
+                        title={typeof name === 'string' ? name : ''}
+                    >
+                        {name}
+                    </span>
+                    <div
+                        className={styles.description}
+                        title={
+                            typeof description === 'string' ? description : ''
+                        }
+                    >
+                        {description}
+                    </div>
                 </div>
             </div>
             {logEmail && (