appearance config - Pin DMs

Author: JasminDreasond

info/dev/requests.md

@@ -63,8 +63,6 @@ Made by Me
     --> Fazer o marcador que separa a lista de amigos da lista de DMs estranhos.
     --> Fazer uma configuração se o usuário vai ou não receber notificação de DMs estranhos.
 
-    --> Os usuários que madam DM devem ser mostrados na lista de fixados. (Apenas os DMs marcados como da lsita de amigos)
-
     --> Criar filtro para desativar animação de gifs especificas. A gente vai usar a ID e dominio do arquivo para facilitar isso.
     (Limite de 600 itens por array) (Opçao alternativa de fazer a animação ser hover)
 

src/app/organisms/navigation/Sidebar/FeaturedTab.jsx

@@ -33,6 +33,7 @@ export default function FeaturedTab() {
     useNotificationUpdate();
 
     const mx = initMatrix.matrixClient;
+    const appearance = initMatrix.matrixClient.getAccountData('pony.house.appearance')?.getContent() ?? {};
 
     // Home
     function getHomeNoti() {
@@ -67,7 +68,7 @@ export default function FeaturedTab() {
             noti.total += childNoti.total;
             noti.highlight += childNoti.highlight;
 
-            dmsNotification.push([mx.getRoom(roomId), childNoti]);
+            if (appearance.pinDMmessages !== false) dmsNotification.push([mx.getRoom(roomId), childNoti]);
 
         });
 

src/app/organisms/settings/pages/Appearance.jsx

@@ -19,6 +19,7 @@ function AppearanceSection() {
     const [, updateState] = useState({});
 
     const [showUserDMstatus, setShowUserStatus] = useState(true);
+    const [pinDMmessages, setPinDMmessages] = useState(true);
     const [isAnimateAvatarsHidden, setAnimateAvatarsHidden] = useState(false);
     const [isEmbedDisabled, setEmbedDisabled] = useState(false);
     const [isUNhoverDisabled, setUNhoverDisabled] = useState(false);
@@ -31,6 +32,7 @@ function AppearanceSection() {
         const content = initMatrix.matrixClient.getAccountData('pony.house.appearance')?.getContent() ?? {};
         const zoomApp = Number(global.localStorage.getItem('pony-house-zoom'));
 
+        setPinDMmessages((content.pinDMmessages !== false));
         setShowUserStatus((content.showUserDMstatus !== false));
         setAnimateAvatarsHidden((content.isAnimateAvatarsHidden === true));
         setEmbedDisabled((content.isEmbedDisabled === true));
@@ -131,7 +133,9 @@ function AppearanceSection() {
 
             <div className="card noselect mt-3">
                 <ul className="list-group list-group-flush">
+
                     <li className="list-group-item very-small text-gray">Room users</li>
+
                     <SettingTile
                         title="Show user DM status"
                         options={(
@@ -143,6 +147,19 @@ function AppearanceSection() {
                         )}
                         content={<div className="very-small text-gray">All users in your DM will show whether they are online or not.</div>}
                     />
+
+                    <SettingTile
+                        title="Pin DMs on the sidebar"
+                        options={(
+                            <Toggle
+                                className='d-inline-flex'
+                                isActive={pinDMmessages}
+                                onToggle={toggleAction('pony.house.appearance', 'pinDMmessages', setPinDMmessages)}
+                            />
+                        )}
+                        content={<div className="very-small text-gray">Whenever you receive a new notification in your DM list, you will see a notification icon in the sidebar.</div>}
+                    />
+
                 </ul>
             </div>