From f027bdb4b04649eff8d13fa138ebabab5048c01d Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Mon, 10 Jun 2024 11:32:39 +0200
Subject: [PATCH] Fix my-feed popover title state

---
 .../shared-main/feeds/feed.component.html      |  4 ++--
 .../shared/shared-main/feeds/feed.component.ts | 18 ++++++++++++++----
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/client/src/app/shared/shared-main/feeds/feed.component.html b/client/src/app/shared/shared-main/feeds/feed.component.html
index 24b25fc02..7655604cc 100644
--- a/client/src/app/shared/shared-main/feeds/feed.component.html
+++ b/client/src/app/shared/shared-main/feeds/feed.component.html
@@ -1,8 +1,8 @@
 <button
   *ngIf="syndicationItems && syndicationItems.length !== 0"
+  #popover="ngbPopover"
   [ngbPopover]="feedsList" [autoClose]="true" placement="bottom left auto"
-  class="feed border-0 p-0"
-  title="Open syndication dropdown" i18n-title
+  class="feed border-0 p-0" [title]="getTitle()"
 >
   <my-global-icon iconName="syndication"></my-global-icon>
 
diff --git a/client/src/app/shared/shared-main/feeds/feed.component.ts b/client/src/app/shared/shared-main/feeds/feed.component.ts
index 47e0477dc..977dde1ce 100644
--- a/client/src/app/shared/shared-main/feeds/feed.component.ts
+++ b/client/src/app/shared/shared-main/feeds/feed.component.ts
@@ -1,8 +1,8 @@
-import { Component, Input } from '@angular/core'
-import { Syndication } from './syndication.model'
-import { GlobalIconComponent } from '../../shared-icons/global-icon.component'
+import { NgFor, NgIf } from '@angular/common'
+import { Component, Input, ViewChild } from '@angular/core'
 import { NgbPopover } from '@ng-bootstrap/ng-bootstrap'
-import { NgIf, NgFor } from '@angular/common'
+import { GlobalIconComponent } from '../../shared-icons/global-icon.component'
+import { Syndication } from './syndication.model'
 
 @Component({
   selector: 'my-feed',
@@ -12,5 +12,15 @@ import { NgIf, NgFor } from '@angular/common'
   imports: [ NgIf, NgbPopover, GlobalIconComponent, NgFor ]
 })
 export class FeedComponent {
+  @ViewChild('popover') popover: NgbPopover
+
   @Input() syndicationItems: Syndication[]
+
+  getTitle () {
+    if (this.popover?.isOpen()) {
+      return $localize`Close syndication dropdown`
+    }
+
+    return $localize`Open syndication dropdown`
+  }
 }