From 9b666d31363796bef10e8f031fe99b7d7e13ee73 Mon Sep 17 00:00:00 2001
From: DB p <onesound@oooz.net>
Date: Tue, 29 Apr 2025 20:06:46 +0900
Subject: [PATCH] Add Flyout UI for Filter

---
 .../Views/SettingsPanePluginStore.xaml        | 55 +++++++++----------
 1 file changed, 27 insertions(+), 28 deletions(-)

diff --git a/Flow.Launcher/SettingPages/Views/SettingsPanePluginStore.xaml b/Flow.Launcher/SettingPages/Views/SettingsPanePluginStore.xaml
index 66c1cb1bf..fde022da7 100644
--- a/Flow.Launcher/SettingPages/Views/SettingsPanePluginStore.xaml
+++ b/Flow.Launcher/SettingPages/Views/SettingsPanePluginStore.xaml
@@ -65,34 +65,33 @@
                     Command="{Binding RefreshExternalPluginsCommand}"
                     Content="{DynamicResource refresh}"
                     FontSize="13" />
-                <CheckBox
-                    Height="34"
-                    Margin="0 5 5 5"
-                    HorizontalAlignment="Right"
-                    VerticalAlignment="Center"
-                    Content=".Net"
-                    IsChecked="{Binding ShowDotNet}" />
-                <CheckBox
-                    Height="34"
-                    Margin="0 5 5 5"
-                    HorizontalAlignment="Right"
-                    VerticalAlignment="Center"
-                    Content="Python"
-                    IsChecked="{Binding ShowPython}" />
-                <CheckBox
-                    Height="34"
-                    Margin="0 5 5 5"
-                    HorizontalAlignment="Right"
-                    VerticalAlignment="Center"
-                    Content="Node"
-                    IsChecked="{Binding ShowNodeJs}" />
-                <CheckBox
-                    Height="34"
-                    Margin="0 5 8 5"
-                    HorizontalAlignment="Right"
-                    VerticalAlignment="Center"
-                    Content="Exe"
-                    IsChecked="{Binding ShowExecutable}" />
+                <Button Height="34" Margin="0 0 8 0">
+                    <ui:FontIcon FontSize="14" Glyph="&#xe71c;" />
+                    <ui:FlyoutService.Flyout>
+                        <ui:MenuFlyout x:Name="FilterFlyout">
+                            <MenuItem
+                                Header=".Net"
+                                IsCheckable="True"
+                                IsChecked="{Binding ShowDotNet, Mode=TwoWay}"
+                                StaysOpenOnClick="True" />
+                            <MenuItem
+                                Header="Python"
+                                IsCheckable="True"
+                                IsChecked="{Binding ShowPython, Mode=TwoWay}"
+                                StaysOpenOnClick="True" />
+                            <MenuItem
+                                Header="Node"
+                                IsCheckable="True"
+                                IsChecked="{Binding ShowNodeJs, Mode=TwoWay}"
+                                StaysOpenOnClick="True" />
+                            <MenuItem
+                                Header="Exe"
+                                IsCheckable="True"
+                                IsChecked="{Binding ShowExecutable, Mode=TwoWay}"
+                                StaysOpenOnClick="True" />
+                        </ui:MenuFlyout>
+                    </ui:FlyoutService.Flyout>
+                </Button>
                 <TextBox
                     Name="PluginStoreFilterTextbox"
                     Width="150"