fixed weird icon and initial max items

Author: TareHimself

src/renderer/components/Settings.tsx

@@ -82,7 +82,7 @@ export default function Settings({
           </div>
           {false && (
             <div className="wp-settings-item">
-              <h3>Default Download Path</h3>
+              <h3>Download Path</h3>
               <div className="wp-settings-item-content" />
             </div>
           )}

src/renderer/components/WallpaperViewModal.tsx

@@ -158,6 +158,7 @@ export default function WallpaperViewModal({ data }: { data: IWallpaperData }) {
   return (
     <div role="none" className="wp-view" onClick={onAttemptClickOut}>
       <BsChevronCompactLeft
+        data-interact="true"
         className={
           currentIndex !== undefined && currentIndex > 0
             ? 'next-item-left'
@@ -168,13 +169,14 @@ export default function WallpaperViewModal({ data }: { data: IWallpaperData }) {
       <div className="wp-view-container">
         <div className="wp-view-panel-top">
           <VscInfo
+            data-interact="true"
             onClick={() => {
               setShouldShowInformation(true);
             }}
           />
           <span>
             <h2>{`${currentWallpaper.width}x${currentWallpaper.height}`}</h2>
-            <IoResizeOutline />
+            <IoResizeOutline data-interact="false" />
           </span>
         </div>
         <img
@@ -185,13 +187,15 @@ export default function WallpaperViewModal({ data }: { data: IWallpaperData }) {
         />
         <div className="wp-view-panel-bottom">
           <CgClose
+            data-interact="true"
             onClick={() => {
               document.removeEventListener('keypress', handleKeyPress);
               dispatch(setCurrentWallpaper(null));
             }}
           />
-          <BsDownload onClick={downloadWallpaper} />
+          <BsDownload data-interact="true" onClick={downloadWallpaper} />
           <BsArrowsFullscreen
+            data-interact="true"
             onClick={() => {
               setIsFullscreen(true);
               addNotification('Double Click To Exit');

src/renderer/css/Main.css

@@ -407,8 +407,8 @@ p {
   transition: all 0.2s ease-in-out;
 }
 
-.wp-view-panel-bottom svg:hover,
-.wp-view-panel-top svg:hover {
+.wp-view-panel-bottom svg:hover[data-interact='true'],
+.wp-view-panel-top svg:hover[data-interact='true'] {
   margin: 0px;
   font-size: 50px;
   color: var(--icon-color-hover);

src/renderer/redux/wallpapersSlice.ts

@@ -79,7 +79,7 @@ const fetchWallpapers = createAsyncThunk(
   }) => {
     const fetchResult = await getWallpapers(page, maxItems, query);
 
-    return { ...fetchResult, page, query };
+    return { ...fetchResult, page, query, maxItems };
   }
 );