better naming convention

Author: multimokia

components/home/DMessageList.tsx

@@ -37,9 +37,8 @@ function mapToComponentArray(
 }
 export default function DMessageList() {
   const setChannel = useSetChannel();
-  const _dmChannels = useDMChannels();
-  const [ dmChannels, setDmChannels ] = useState(_dmChannels);
-  console.table(dmChannels);
+  const dmChannels = useDMChannels();
+  const [ filteredDMs, setFilteredDMs ] = useState(dmChannels);
 
   return (
     <>
@@ -61,9 +60,9 @@ export default function DMessageList() {
 
               // Filter DMs
 
-              setDmChannels(
+              setFilteredDMs(
                 new Map(
-                  [..._dmChannels].filter(([_, dmChannel]) => {
+                  [...dmChannels].filter(([_, dmChannel]) => {
                     return dmChannel.recipient.username
                       .toLowerCase()
                       .includes(value.toLowerCase());
@@ -73,7 +72,7 @@ export default function DMessageList() {
             }}
           />
         </div>
-        { mapToComponentArray(dmChannels, setChannel) }
+        { mapToComponentArray(filteredDMs, setChannel) }
       </div>
     </>
   );

components/home/ServerList.tsx

@@ -25,8 +25,8 @@ export default function ServerList() {
   const user = useUser();
   const supabase = useSupabaseClient();
 
-  const _servers = useServers();
-  const [ servers, setServers ] = useState(_servers);
+  const servers = useServers();
+  const [ filteredServers, setFilteredServers ] = useState(servers);
   const getServers = useGetServers();
 
   const getUserServerPerms = useGetUserPermsForServer();
@@ -91,18 +91,18 @@ export default function ServerList() {
             const value = (e.target as HTMLInputElement).value;
 
             // Filter servers
-            const filteredServers = _servers.filter((server) => {
+            const filteredServers = servers.filter((server) => {
               return server.servers.name.toLowerCase().includes(value.toLowerCase());
             });
 
-            setServers(filteredServers);
+            setFilteredServers(filteredServers);
           }}
         />
       </div>
 
       <div className="overflow-y-auto ">
-        {servers &&
-          servers
+        {filteredServers &&
+          filteredServers
             .sort(function (a, b) {
               var textA = a.servers.name.toUpperCase();
               var textB = b.servers.name.toUpperCase();