feat: use .face.icon (#360)

* feat: use .face.icon

* feat: use .face.icon

---------

Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>

lib/icons.ts

@@ -41,7 +41,6 @@ export default {
         time: 'hourglass-symbolic',
         toolbars: 'toolbars-symbolic',
         warning: 'dialog-warning-symbolic',
-        avatar: 'avatar-default-symbolic',
         arrow: {
             right: 'pan-end-symbolic',
             left: 'pan-start-symbolic',

modules/icons/index.ts

@@ -41,7 +41,6 @@ export default {
         time: 'hourglass-symbolic',
         toolbars: 'toolbars-symbolic',
         warning: 'dialog-warning-symbolic',
-        avatar: 'avatar-default-symbolic',
         arrow: {
             right: 'pan-end-symbolic',
             left: 'pan-start-symbolic',

options.ts

@@ -1060,7 +1060,7 @@ const options = mkOptions(OPTIONS, {
                 logout: opt('hyprctl dispatch exit'),
                 shutdown: opt('systemctl poweroff'),
                 avatar: {
-                    image: opt('avatar-default-symbolic'),
+                    image: opt('$HOME/.face.icon'),
                     name: opt<'system' | string>('system'),
                 },
             },

widget/settings/pages/config/menus/dashboard.ts

@@ -16,7 +16,12 @@ export const DashboardMenuSettings = (): Scrollable<Child, Attribute> => {
             vertical: true,
             children: [
                 Header('Power Menu'),
-                Option({ opt: options.menus.dashboard.powermenu.avatar.image, title: 'Profile Image', type: 'img' }),
+                Option({
+                    opt: options.menus.dashboard.powermenu.avatar.image,
+                    title: 'Profile Image',
+                    type: 'img',
+                    subtitle: "By default, uses '~/.face.icon'",
+                }),
                 Option({
                     opt: options.menus.dashboard.powermenu.avatar.name,
                     title: 'Profile Name',