chore: update prettier setting

src/routes/resources/Filter/Channel.js

@@ -70,11 +70,7 @@ export default function Channel({ select = "", updateFilter }) {
         </li>
         {channels.map(({ gid, is_public, name }) => {
           return (
-            <li
-              key={gid}
-              className="channel"
-              onClick={handleClick.bind(null, gid)}
-            >
+            <li key={gid} className="channel" onClick={handleClick.bind(null, gid)}>
               <ChannelIcon personal={!is_public} />
               <span className="name">{name}</span>
               {select == gid && <CheckSign className="check" />}

src/routes/resources/Filter/Date.js

@@ -42,20 +42,20 @@ const Styled = styled.div`
 export const Dates = {
   today: {
     title: "Today",
-    duration: 2222,
+    duration: 2222
   },
   in7d: {
-    title: "Last 7 Days",
+    title: "Last 7 Days"
   },
   in30d: {
-    title: "Last 30 Days",
+    title: "Last 30 Days"
   },
   in3m: {
-    title: "Last 3 months",
+    title: "Last 3 months"
   },
   in12m: {
-    title: "Last 12 months",
-  },
+    title: "Last 12 months"
+  }
 };
 export default function Date({ select = "", updateFilter }) {
   // const { input, updateInput, contacts } = useFilteredUsers();
@@ -75,11 +75,7 @@ export default function Date({ select = "", updateFilter }) {
         </li>
         {Object.entries(Dates).map(([_key, { title }]) => {
           return (
-            <li
-              key={title}
-              className="date"
-              onClick={handleClick.bind(null, _key)}
-            >
+            <li key={title} className="date" onClick={handleClick.bind(null, _key)}>
               {title}
               {select == _key && <CheckSign className="check" />}
             </li>

src/routes/resources/Filter/From.js

@@ -64,20 +64,13 @@ export default function From({ select = "", updateFilter }) {
         <Search embed={true} value={input} updateSearchValue={updateInput} />
       </div>
       <ul className="list">
-        <li
-          className="contact none"
-          onClick={handleClick.bind(null, undefined)}
-        >
+        <li className="contact none" onClick={handleClick.bind(null, undefined)}>
           Anyone
           {!select && <CheckSign className="check" />}
         </li>
         {contacts.map(({ uid }) => {
           return (
-            <li
-              key={uid}
-              className="contact"
-              onClick={handleClick.bind(null, uid)}
-            >
+            <li key={uid} className="contact" onClick={handleClick.bind(null, uid)}>
               <Contact uid={uid} interactive={true} />
               {select == uid && <CheckSign className="check" />}
             </li>

src/routes/resources/Filter/Type.js

@@ -54,32 +54,32 @@ const Styled = styled.div`
 export const FileTypes = {
   doc: {
     title: "Documents",
-    icon: <IconDoc className="icon" />,
+    icon: <IconDoc className="icon" />
   },
   pdf: {
     title: "PDFs",
-    icon: <IconPdf className="icon" />,
+    icon: <IconPdf className="icon" />
   },
   image: {
     title: "Images",
-    icon: <IconImage className="icon" />,
+    icon: <IconImage className="icon" />
   },
   audio: {
     title: "Audio",
-    icon: <IconAudio className="icon" />,
+    icon: <IconAudio className="icon" />
   },
   video: {
     title: "Videos",
-    icon: <IconVideo className="icon" />,
+    icon: <IconVideo className="icon" />
   },
   code: {
     title: "Code Snippets",
-    icon: <IconCode className="icon" />,
+    icon: <IconCode className="icon" />
   },
   unkown: {
     title: "Unkown Files",
-    icon: <IconUnkown className="icon" />,
-  },
+    icon: <IconUnkown className="icon" />
+  }
 };
 export default function Type({ select = "", updateFilter }) {
   // const { input, updateInput, contacts } = useFilteredUsers();
@@ -99,11 +99,7 @@ export default function Type({ select = "", updateFilter }) {
         </li>
         {Object.entries(FileTypes).map(([type, { title, icon }]) => {
           return (
-            <li
-              key={title}
-              className="type"
-              onClick={handleClick.bind(null, type)}
-            >
+            <li key={title} className="type" onClick={handleClick.bind(null, type)}>
               {icon} {title}
               {select == type && <CheckSign className="check" />}
             </li>

src/routes/resources/Filter/index.js

@@ -47,7 +47,7 @@ export default function Filter({ filter, updateFilter }) {
     channel: false,
     date: false,
     from: false,
-    type: false,
+    type: false
   });
   const toggleFilterVisible = (obj) => {
     setFiltersVisible((prev) => {
@@ -58,7 +58,7 @@ export default function Filter({ filter, updateFilter }) {
     updateFilter(data);
     let _key = Object.keys(data)[0];
     let tmp = {
-      [_key]: false,
+      [_key]: false
     };
     console.log("wtffff", tmp);
     toggleFilterVisible(tmp);
@@ -72,7 +72,7 @@ export default function Filter({ filter, updateFilter }) {
     channel: channelVisible,
     date: dateVisible,
     type: typeVisible,
-    from: fromVisible,
+    from: fromVisible
   } = filtersVisible;
   return (
     <Styled>
@@ -81,20 +81,14 @@ export default function Filter({ filter, updateFilter }) {
         onClickOutside={toggleFilterVisible.bind(null, { from: false })}
         visible={fromVisible}
         placement="bottom-start"
-        content={
-          <FilterFrom select={filter.from} updateFilter={handleUpdateFilter} />
-        }
+        content={<FilterFrom select={filter.from} updateFilter={handleUpdateFilter} />}
       >
         <div
           className={`filter ${from && "selected"}`}
           onClick={toggleFilterVisible.bind(null, { from: true })}
         >
           {from && (
-            <Avatar
-              className="avatar"
-              name={contactMap[from].name}
-              url={contactMap[from].avatar}
-            />
+            <Avatar className="avatar" name={contactMap[from].name} url={contactMap[from].avatar} />
           )}
           <span className="txt">From {from && contactMap[from].name}</span>
           <ArrowDown className="arrow" />
@@ -105,20 +99,13 @@ export default function Filter({ filter, updateFilter }) {
         onClickOutside={toggleFilterVisible.bind(null, { channel: false })}
         visible={channelVisible}
         placement="bottom-start"
-        content={
-          <FilterChannel
-            select={filter.channel}
-            updateFilter={handleUpdateFilter}
-          />
-        }
+        content={<FilterChannel select={filter.channel} updateFilter={handleUpdateFilter} />}
       >
         <div
           className={`filter ${channel && "selected"}`}
           onClick={toggleFilterVisible.bind(null, { channel: true })}
         >
-          <span className="txt">
-            {channel ? `In ${channelMap[channel].name}` : `Channel`}
-          </span>
+          <span className="txt">{channel ? `In ${channelMap[channel].name}` : `Channel`}</span>
           <ArrowDown className="arrow" />
         </div>
       </Tippy>
@@ -127,9 +114,7 @@ export default function Filter({ filter, updateFilter }) {
         onClickOutside={toggleFilterVisible.bind(null, { type: false })}
         visible={typeVisible}
         placement="bottom-start"
-        content={
-          <FilterType select={filter.type} updateFilter={handleUpdateFilter} />
-        }
+        content={<FilterType select={filter.type} updateFilter={handleUpdateFilter} />}
       >
         <div
           className={`filter ${type && "selected"}`}
@@ -144,9 +129,7 @@ export default function Filter({ filter, updateFilter }) {
         onClickOutside={toggleFilterVisible.bind(null, { date: false })}
         visible={dateVisible}
         placement="bottom-start"
-        content={
-          <FilterDate select={filter.date} updateFilter={handleUpdateFilter} />
-        }
+        content={<FilterDate select={filter.date} updateFilter={handleUpdateFilter} />}
       >
         <div
           className={`filter ${date && "selected"}`}

src/routes/resources/Search.js

@@ -23,11 +23,7 @@ const Styled = styled.div`
     background-position: 8px center;
   }
 `;
-export default function Search({
-  value = "",
-  updateSearchValue = null,
-  embed = false,
-}) {
+export default function Search({ value = "", updateSearchValue = null, embed = false }) {
   const handleChange = (evt) => {
     if (updateSearchValue) {
       updateSearchValue(evt.target.value);
@@ -35,12 +31,7 @@ export default function Search({
   };
   return (
     <Styled className={embed ? "embed" : ""}>
-      <input
-        value={value}
-        onChange={handleChange}
-        className="search"
-        placeholder="Search..."
-      />
+      <input value={value} onChange={handleChange} className="search" placeholder="Search..." />
     </Styled>
   );
 }

src/routes/resources/View.js

@@ -43,18 +43,10 @@ export default function View({ view = Views.item }) {
   };
   return (
     <Styled className={view}>
-      <li
-        className="view item"
-        data-view={Views.item}
-        onClick={handleChangeView}
-      >
+      <li className="view item" data-view={Views.item} onClick={handleChangeView}>
         <IconList />
       </li>
-      <li
-        className="view grid"
-        data-view={Views.grid}
-        onClick={handleChangeView}
-      >
+      <li className="view grid" data-view={Views.grid} onClick={handleChangeView}>
         <IconGrid />
       </li>
     </Styled>

src/routes/resources/index.js

@@ -17,16 +17,13 @@ const checkFilter = (data, filter, channelMessage) => {
     type: typeFilter,
     date: timeFilter,
     from: fromFilter,
-    channel: channelFilter,
+    channel: channelFilter
   } = filter;
   const name = properties ? properties.name : "";
   if (fromFilter && fromFilter != from_uid) {
     selected = false;
   }
-  if (
-    channelFilter &&
-    channelMessage[channelFilter].findIndex((id) => id == mid) == -1
-  ) {
+  if (channelFilter && channelMessage[channelFilter].findIndex((id) => id == mid) == -1) {
     selected = false;
   }
   if (nameFilter) {
@@ -46,7 +43,7 @@ function ResourceManagement({ fileMessages }) {
     return {
       message: store.message,
       channelMessage: store.channelMessage,
-      view: store.ui.fileListView,
+      view: store.ui.fileListView
     };
   });
 
@@ -72,7 +69,7 @@ function ResourceManagement({ fileMessages }) {
         // options
         fitWidth: true,
         gutter,
-        itemSelector: ".file_box",
+        itemSelector: ".file_box"
         // columnWidth: 200
       });
     } else {