Microsoft you are the worst

src-ui/src/app/components/manage/mail/mail.component.html

@@ -13,7 +13,8 @@
     <button type="button" class="btn btn-sm btn-outline-primary ms-4" (click)="editMailAccount()" *pngxIfPermissions="{ action: PermissionAction.Add, type: PermissionType.MailAccount }">
       <i-bs name="plus-circle"></i-bs>&nbsp;<ng-container i18n>Add Account</ng-container>
     </button>
-    <a class="btn btn-sm btn-outline-primary ms-2" [href]="googleOAuthUrl" i18n>Connect with Google</a>
+    <a class="btn btn-sm btn-outline-primary ms-2" [href]="gmailOAuthUrl" i18n>Connect with Gmail</a>
+    <a class="btn btn-sm btn-outline-primary ms-2" [href]="outlookOAuthUrl" i18n>Connect with Outlook</a>
   </h4>
   <ul class="list-group">
     <li class="list-group-item">

src-ui/src/app/components/manage/mail/mail.component.ts

@@ -37,10 +37,14 @@ export class MailComponent
   unsubscribeNotifier: Subject<any> = new Subject()
   oAuthAccoundId: number
 
-  public get googleOAuthUrl(): string {
+  public get gmailOAuthUrl(): string {
     return this.settingsService.get(SETTINGS_KEYS.GOOGLE_OAUTH_URL)
   }
 
+  public get outlookOAuthUrl(): string {
+    return this.settingsService.get(SETTINGS_KEYS.OUTLOOK_OAUTH_URL)
+  }
+
   constructor(
     public mailAccountService: MailAccountService,
     public mailRuleService: MailRuleService,

src-ui/src/app/data/ui-settings.ts

@@ -65,6 +65,7 @@ export const SETTINGS_KEYS = {
   SEARCH_FULL_TYPE: 'general-settings:search:more-link',
   EMPTY_TRASH_DELAY: 'trash_delay',
   GOOGLE_OAUTH_URL: 'google_oauth_url',
+  OUTLOOK_OAUTH_URL: 'outlook_oauth_url',
 }
 
 export const SETTINGS: UiSetting[] = [
@@ -248,4 +249,9 @@ export const SETTINGS: UiSetting[] = [
     type: 'string',
     default: '',
   },
+  {
+    key: SETTINGS_KEYS.OUTLOOK_OAUTH_URL,
+    type: 'string',
+    default: '',
+  },
 ]