feat: toggle to show crosssync notes only

Author: Candinya

src/common/store.ts

@@ -7,6 +7,7 @@ import type { Profiles } from 'unidata.js';
 
 export interface Settings {
     syncing: boolean | string;
+    notesShowCSSCOnly: boolean;
     address?: string;
     handle?: string;
 }
@@ -17,6 +18,7 @@ export const getSettings = async (): Promise<Settings> =>
     Object.assign(
         {
             syncing: true,
+            notesShowCSSCOnly: true,
         },
         await bucket.get(),
     );
@@ -58,6 +60,7 @@ export const store = createStore<State>({
             state.characters = undefined;
             state.settings = {
                 syncing: true,
+                notesShowCSSCOnly: true,
             };
             await bucket.clear();
         },

src/pages/HomeRoot.vue

@@ -62,6 +62,11 @@ const load = async () => {
             identity: store.state.settings.handle!,
             platform: 'Crossbell',
             source: 'Crossbell Note',
+            ...(store.state.settings.notesShowCSSCOnly && {
+                filter: {
+                    applications: ['CrossSync'],
+                },
+            }),
             cursor,
         });
         notes.value = notes.value.concat(result?.list || []);

src/pages/Settings.vue

@@ -27,6 +27,14 @@
                         </div>
                     </div>
                 </el-card>
+                <el-card shadow="hover" class="cursor-pointer">
+                    <div class="flex flex-row" style="justify-content: space-between">
+                        <div class="flex">Show CrossSync notes only</div>
+                        <div class="flex">
+                            <el-switch class="switch h-6" v-model="isNotesCSSCOnly" @change="setNotesCSSCOnly" />
+                        </div>
+                    </div>
+                </el-card>
             </el-col>
         </div>
     </div>
@@ -42,6 +50,7 @@ const router = useRouter();
 const store = useStore();
 
 const isSyncing = ref(store.state.settings.syncing && !!store.state.settings.handle);
+const isNotesCSSCOnly = ref(store.state.settings.notesShowCSSCOnly);
 
 if (store.state.settings.address) {
     if (!store.state.characters?.list.length) {
@@ -68,8 +77,15 @@ const setSyncing = async () => {
     });
 };
 
+const setNotesCSSCOnly = async () => {
+    await store.dispatch('setSettings', {
+        notesShowCSSCOnly: isNotesCSSCOnly.value,
+    });
+};
+
 watchEffect(() => {
     isSyncing.value = store.state.settings.syncing && !!store.state.settings.handle;
+    isNotesCSSCOnly.value = store.state.settings.notesShowCSSCOnly;
 });
 </script>