From 6a087e659c9c50a86560cf610b711f1ca2c86e9a Mon Sep 17 00:00:00 2001
From: daniyal <daniyal@nostrdev.com>
Date: Mon, 23 Sep 2024 14:56:14 +0500
Subject: [PATCH] fix: show appropriate filters based on searching item

---
 src/pages/search.tsx | 164 +++++++++++++++++++++++++++++--------------
 1 file changed, 110 insertions(+), 54 deletions(-)

diff --git a/src/pages/search.tsx b/src/pages/search.tsx
index 7c11dfa..5bace93 100644
--- a/src/pages/search.tsx
+++ b/src/pages/search.tsx
@@ -51,6 +51,7 @@ interface FilterOptions {
   sort: SortByEnum
   moderated: ModeratedFilterEnum
   searching: SearchingFilterEnum
+  source: string
 }
 
 export const SearchPage = () => {
@@ -61,6 +62,7 @@ export const SearchPage = () => {
   const [filterOptions, setFilterOptions] = useState<FilterOptions>({
     sort: SortByEnum.Latest,
     moderated: ModeratedFilterEnum.Moderated,
+    source: window.location.host,
     searching:
       (searchParams.get('searching') as SearchingFilterEnum) ||
       SearchingFilterEnum.Mods
@@ -164,73 +166,121 @@ const Filters = React.memo(
     return (
       <div className='IBMSecMain'>
         <div className='FiltersMain'>
-          <div className='FiltersMainElement'>
-            <div className='dropdown dropdownMain'>
-              <button
-                className='btn dropdown-toggle btnMain btnMainDropdown'
-                aria-expanded='false'
-                data-bs-toggle='dropdown'
-                type='button'
-              >
-                {filterOptions.sort}
-              </button>
+          {filterOptions.searching === SearchingFilterEnum.Mods && (
+            <div className='FiltersMainElement'>
+              <div className='dropdown dropdownMain'>
+                <button
+                  className='btn dropdown-toggle btnMain btnMainDropdown'
+                  aria-expanded='false'
+                  data-bs-toggle='dropdown'
+                  type='button'
+                >
+                  {filterOptions.sort}
+                </button>
 
-              <div className='dropdown-menu dropdownMainMenu'>
-                {Object.values(SortByEnum).map((item, index) => (
-                  <div
-                    key={`sortByItem-${index}`}
-                    className='dropdown-item dropdownMainMenuItem'
-                    onClick={() =>
-                      setFilterOptions((prev) => ({
-                        ...prev,
-                        sort: item
-                      }))
-                    }
-                  >
-                    {item}
-                  </div>
-                ))}
-              </div>
-            </div>
-          </div>
-          <div className='FiltersMainElement'>
-            <div className='dropdown dropdownMain'>
-              <button
-                className='btn dropdown-toggle btnMain btnMainDropdown'
-                aria-expanded='false'
-                data-bs-toggle='dropdown'
-                type='button'
-              >
-                {filterOptions.moderated}
-              </button>
-              <div className='dropdown-menu dropdownMainMenu'>
-                {Object.values(ModeratedFilterEnum).map((item, index) => {
-                  if (item === ModeratedFilterEnum.Unmoderated_Fully) {
-                    const isAdmin =
-                      userState.user?.npub ===
-                      import.meta.env.VITE_REPORTING_NPUB
-
-                    if (!isAdmin) return null
-                  }
-
-                  return (
+                <div className='dropdown-menu dropdownMainMenu'>
+                  {Object.values(SortByEnum).map((item, index) => (
                     <div
-                      key={`moderatedFilterItem-${index}`}
+                      key={`sortByItem-${index}`}
                       className='dropdown-item dropdownMainMenuItem'
                       onClick={() =>
                         setFilterOptions((prev) => ({
                           ...prev,
-                          moderated: item
+                          sort: item
                         }))
                       }
                     >
                       {item}
                     </div>
-                  )
-                })}
+                  ))}
+                </div>
               </div>
             </div>
-          </div>
+          )}
+
+          {(filterOptions.searching === SearchingFilterEnum.Mods ||
+            filterOptions.searching === SearchingFilterEnum.Users) && (
+            <div className='FiltersMainElement'>
+              <div className='dropdown dropdownMain'>
+                <button
+                  className='btn dropdown-toggle btnMain btnMainDropdown'
+                  aria-expanded='false'
+                  data-bs-toggle='dropdown'
+                  type='button'
+                >
+                  {filterOptions.moderated}
+                </button>
+                <div className='dropdown-menu dropdownMainMenu'>
+                  {Object.values(ModeratedFilterEnum).map((item, index) => {
+                    if (item === ModeratedFilterEnum.Unmoderated_Fully) {
+                      const isAdmin =
+                        userState.user?.npub ===
+                        import.meta.env.VITE_REPORTING_NPUB
+
+                      if (!isAdmin) return null
+                    }
+
+                    return (
+                      <div
+                        key={`moderatedFilterItem-${index}`}
+                        className='dropdown-item dropdownMainMenuItem'
+                        onClick={() =>
+                          setFilterOptions((prev) => ({
+                            ...prev,
+                            moderated: item
+                          }))
+                        }
+                      >
+                        {item}
+                      </div>
+                    )
+                  })}
+                </div>
+              </div>
+            </div>
+          )}
+
+          {filterOptions.searching === SearchingFilterEnum.Mods && (
+            <div className='FiltersMainElement'>
+              <div className='dropdown dropdownMain'>
+                <button
+                  className='btn dropdown-toggle btnMain btnMainDropdown'
+                  aria-expanded='false'
+                  data-bs-toggle='dropdown'
+                  type='button'
+                >
+                  {filterOptions.source === window.location.host
+                    ? `Show From: ${filterOptions.source}`
+                    : 'Show All'}
+                </button>
+                <div className='dropdown-menu dropdownMainMenu'>
+                  <div
+                    className='dropdown-item dropdownMainMenuItem'
+                    onClick={() =>
+                      setFilterOptions((prev) => ({
+                        ...prev,
+                        source: window.location.host
+                      }))
+                    }
+                  >
+                    Show From: {window.location.host}
+                  </div>
+                  <div
+                    className='dropdown-item dropdownMainMenuItem'
+                    onClick={() =>
+                      setFilterOptions((prev) => ({
+                        ...prev,
+                        source: 'Show All'
+                      }))
+                    }
+                  >
+                    Show All
+                  </div>
+                </div>
+              </div>
+            </div>
+          )}
+
           <div className='FiltersMainElement'>
             <div className='dropdown dropdownMain'>
               <button
@@ -353,6 +403,11 @@ const ModsResult = ({
 
   const filteredModList = useMemo(() => {
     let filtered: ModDetails[] = [...filteredMods]
+
+    if (filterOptions.source === window.location.host) {
+      filtered = filtered.filter((mod) => mod.rTag === window.location.host)
+    }
+
     const isAdmin = userState.user?.npub === import.meta.env.VITE_REPORTING_NPUB
     const isUnmoderatedFully =
       filterOptions.moderated === ModeratedFilterEnum.Unmoderated_Fully
@@ -386,6 +441,7 @@ const ModsResult = ({
     userState.user?.npub,
     filterOptions.sort,
     filterOptions.moderated,
+    filterOptions.source,
     muteLists
   ])