Better icon names

diff --git a/client/src/app/core/menu/menu.service.ts b/client/src/app/core/menu/menu.service.ts
index f0dc4fcaafe96a2d37975324ac9f07452cd010e9..81837db7eb024746aec2a0274f4bcf1363fe395d 100644 (file)
--- a/client/src/app/core/menu/menu.service.ts
+++ b/client/src/app/core/menu/menu.service.ts
@@ -132,7 +132,7 @@ export class MenuService {
         path: '/videos/trending'
       },
       {
-        icon: 'recently-added' as 'recently-added',
+        icon: 'add' as 'add',
         label: $localize`Recently added videos`,
         shortLabel: $localize`Recently added`,
         path: '/videos/recently-added'

diff --git a/client/src/app/menu/menu.component.html b/client/src/app/menu/menu.component.html
index 3f00cac040115bda5b8c52dc68e5ed058ffe6332..66ccb9870c8a1ff807afcca878335f66de74d188 100644 (file)
--- a/client/src/app/menu/menu.component.html
+++ b/client/src/app/menu/menu.component.html
@@ -50,8 +50,8 @@
                 fragment="video-sensitive-content-policy" #settingsSensitiveContentPolicy
                 (click)="onActiveLinkScrollToAnchor(settingsSensitiveContentPolicy)"
               >
-                <my-global-icon class="hover-display-toggle" [hidden]="user.nsfwPolicy === 'display'" iconName="sensitive" aria-hidden="true"></my-global-icon>
-                <my-global-icon class="hover-display-toggle" [hidden]="user.nsfwPolicy !== 'display'" iconName="unsensitive" aria-hidden="true"></my-global-icon>
+                <my-global-icon class="hover-display-toggle" [hidden]="user.nsfwPolicy === 'display'" iconName="eye-open" aria-hidden="true"></my-global-icon>
+                <my-global-icon class="hover-display-toggle" [hidden]="user.nsfwPolicy !== 'display'" iconName="eye-close" aria-hidden="true"></my-global-icon>
                 <span i18n>Sensitive:</span>
                 <span class="ms-auto muted">{{ nsfwPolicy }}</span>
               </a>

diff --git a/client/src/app/shared/shared-forms/input-text.component.html b/client/src/app/shared/shared-forms/input-text.component.html
index 669b5f32e30983bcdd046eefcbc05a612a4fab5f..f890c4f02d0b23ce99f511b9aeda3a2efb65df52 100644 (file)
--- a/client/src/app/shared/shared-forms/input-text.component.html
+++ b/client/src/app/shared/shared-forms/input-text.component.html
@@ -6,8 +6,8 @@
   />
 
   <button *ngIf="withToggle" (click)="toggle()" type="button" class="btn btn-outline-secondary" [title]="toggleTitle">
-    <my-global-icon *ngIf="show" iconName="sensitive"></my-global-icon>
-    <my-global-icon *ngIf="!show" iconName="unsensitive"></my-global-icon>
+    <my-global-icon *ngIf="show" iconName="eye-open"></my-global-icon>
+    <my-global-icon *ngIf="!show" iconName="eye-close"></my-global-icon>
   </button>
 
   <button

diff --git a/client/src/app/shared/shared-forms/input-text.component.ts b/client/src/app/shared/shared-forms/input-text.component.ts
index d9722e6c6417b86b021c0185f160f96340638ffb..1e1da67713e1cefb96ee9da938c639a62b399ee4 100644 (file)
--- a/client/src/app/shared/shared-forms/input-text.component.ts
+++ b/client/src/app/shared/shared-forms/input-text.component.ts
@@ -1,7 +1,7 @@
 import { Component, forwardRef, Input } from '@angular/core'
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'
 import { Notifier } from '@app/core'
-import { GlobalIconName } from '../shared-icons'
+
 
 @Component({
   selector: 'my-input-text',
@@ -48,12 +48,6 @@ export class InputTextComponent implements ControlValueAccessor {
     this.notifier.success($localize`Copied`)
   }
 
-  getEyeIcon (): GlobalIconName {
-    if (this.show) return 'sensitive'
-
-    return 'unsensitive'
-  }
-
   propagateChange = (_: any) => { /* empty */ }
 
   writeValue (value: string) {

diff --git a/client/src/app/shared/shared-icons/global-icon.component.ts b/client/src/app/shared/shared-icons/global-icon.component.ts
index 8b864fd5fa49f81f72658942b148c7269cd21603..55eb45a75f4b7c0d25c43f2e58796bc49c5a0d1d 100644 (file)
--- a/client/src/app/shared/shared-icons/global-icon.component.ts
+++ b/client/src/app/shared/shared-icons/global-icon.component.ts
@@ -29,7 +29,6 @@ const icons = {
   alert: require('!!raw-loader?!../../../assets/images/feather/alert.svg').default,
   globe: require('!!raw-loader?!../../../assets/images/feather/globe.svg').default,
   home: require('!!raw-loader?!../../../assets/images/feather/home.svg').default,
-  'recently-added': require('!!raw-loader?!../../../assets/images/feather/recently-added.svg').default,
   trending: require('!!raw-loader?!../../../assets/images/feather/trending.svg').default,
   search: require('!!raw-loader?!../../../assets/images/feather/search.svg').default,
   upload: require('!!raw-loader?!../../../assets/images/feather/upload.svg').default,
@@ -64,8 +63,8 @@ const icons = {
   film: require('!!raw-loader?!../../../assets/images/feather/film.svg').default,
   edit: require('!!raw-loader?!../../../assets/images/feather/edit-2.svg').default,
   'external-link': require('!!raw-loader?!../../../assets/images/feather/external-link.svg').default,
-  sensitive: require('!!raw-loader?!../../../assets/images/feather/eye.svg').default,
-  unsensitive: require('!!raw-loader?!../../../assets/images/feather/eye-off.svg').default,
+  'eye-open': require('!!raw-loader?!../../../assets/images/feather/eye.svg').default,
+  'eye-close': require('!!raw-loader?!../../../assets/images/feather/eye-off.svg').default,
   refresh: require('!!raw-loader?!../../../assets/images/feather/refresh-cw.svg').default,
   command: require('!!raw-loader?!../../../assets/images/feather/command.svg').default,
   go: require('!!raw-loader?!../../../assets/images/feather/arrow-up-right.svg').default,

diff --git a/client/src/app/shared/shared-instance/instance-statistics.component.html b/client/src/app/shared/shared-instance/instance-statistics.component.html
index 9605206800f22d4e674eecacaad8ee0f4fdfb7f5..68b209990e48dd14506164440da46f20cbb8fbb3 100644 (file)
--- a/client/src/app/shared/shared-instance/instance-statistics.component.html
+++ b/client/src/app/shared/shared-instance/instance-statistics.component.html
@@ -30,7 +30,7 @@
           <p class="stat-value">{{ serverStats.totalLocalVideoViews | number }}</p>
           <p class="stat-label" i18n>views</p>
         </div>
-        <my-global-icon iconName="sensitive"></my-global-icon>
+        <my-global-icon iconName="eye-open"></my-global-icon>
       </div>
     </div>
 

diff --git a/client/src/assets/images/feather/recently-added.svg b/client/src/assets/images/feather/recently-added.svg
deleted file mode 100644 (file)
index 4291ff0..0000000
--- a/client/src/assets/images/feather/recently-added.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>
\ No newline at end of file