nicolium: directory fixes and improvements

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>

packages/nicolium/src/locales/en.json

@@ -824,7 +824,7 @@
   "developers.settings_store.advanced": "Advanced settings",
   "developers.settings_store.hint": "It is possible to directly edit your user settings here. BE CAREFUL! Editing this section can break your account, and you will only be able to recover through the API.",
   "direct.search_placeholder": "Send a message to…",
-  "directory.display_filter": "Display filter",
+  "directory.display_filter": "Ordered by",
   "directory.federated": "From known fediverse",
   "directory.fediverse_filter": "Fediverse filter",
   "directory.local": "From {domain} only",

packages/nicolium/src/pages/account-lists/directory.tsx

@@ -152,7 +152,7 @@ const DirectoryPage = () => {
   };
 
   const handleChangeLocal: React.ChangeEventHandler<HTMLInputElement> = (e) => {
-    navigate({ search: ({ order }) => ({ local: e.target.checked, order }) });
+    navigate({ search: ({ order }) => ({ local: e.target.value === 'local', order }) });
   };
 
   const handleLoadMore = () => {
@@ -165,9 +165,7 @@ const DirectoryPage = () => {
         <div className='⁂-directory__filters'>
           <div>
             <CardTitle
-              title={
-                <FormattedMessage id='directory.display_filter' defaultMessage='Display filter' />
-              }
+              title={<FormattedMessage id='directory.display_filter' defaultMessage='Ordered by' />}
             />
 
             <RadioGroup onChange={handleChangeOrder}>
@@ -199,12 +197,12 @@ const DirectoryPage = () => {
                 <RadioItem
                   label={intl.formatMessage(messages.local, { domain: instance.title })}
                   checked={local}
-                  value='1'
+                  value='local'
                 />
                 <RadioItem
                   label={intl.formatMessage(messages.federated)}
                   checked={!local}
-                  value='0'
+                  value='federated'
                 />
               </RadioGroup>
             </div>