Merge pull request #11 from coder-inbox/search

implement search, rm react logo, optimize images

Author: wiseaidev

public/banner.png

@@ -13,7 +13,7 @@ import SettingsIcon from "@mui/icons-material/Settings";
 import SearchIcon from "@mui/icons-material/Search";
 import RefreshIcon from "@mui/icons-material/Refresh";
 import {
-  setFilterType,
+  searchEmails,
   toggleSidebarCollapsed,
 } from "@app/store/mailAppReducer/actions";
 import { uploadPicture, userLogout } from "@app/store/authReducer/actions";
@@ -82,7 +82,7 @@ const AppHeader = ({ viewMode, handleViewModeChange }) => {
   const handleSearchText = (e) => {
     setSearchTextState(e.target.value);
     dispatch(
-      setFilterType({
+      searchEmails({
         selectedFolder: !searchTextState && "inbox",
         selectedFilter: "",
         selectedLabel: "",

public/features.png

@@ -17,6 +17,31 @@ export const setFilterType = createAsyncThunk(
   }
 );
 
+export const searchEmails = createAsyncThunk(
+  "mailbox/searchEmails",
+  async (filterType, { rejectWithValue }) => {
+    try {
+      if (filterType.searchText.length > 0) {
+        const config = {
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: JSON.parse(localStorage.getItem("token")),
+            email: JSON.parse(localStorage.getItem("user")).email,
+          },
+          params: { search: filterType.searchText },
+        };
+        const response = await axios.get(
+          `${baseURL}/nylas/search-emails`,
+          config
+        );
+        return response.data;
+      }
+    } catch (error) {
+      return rejectWithValue(error.response?.data || "Something went wrong");
+    }
+  }
+);
+
 export const getLabelsList = createAsyncThunk(
   "mailbox/getLabelsList",
   async (_, { rejectWithValue }) => {

src/assets/react.svg

@@ -19,6 +19,7 @@ import {
   getSelectedMail,
   updateSelectedMail,
   replyToMail,
+  searchEmails,
   nullifySelectedMail as nullifySelectedMailThunk,
 } from "./actions";
 
@@ -38,6 +39,7 @@ const initialState = {
   selectedMail: null,
   totalMailCount: null,
   loading: {
+    searchEmails: false,
     isSideBarCollapsed: false,
     setFilterType: false,
     getLabelsList: false,
@@ -61,6 +63,7 @@ const initialState = {
   },
   error: {
     isSideBarCollapsed: null,
+    searchEmails: null,
     setFilterType: null,
     getLabelsList: null,
     addNewLabel: null,
@@ -597,6 +600,23 @@ const mailAppReducer = createSlice({
         state.loading.replyToMail = false;
         state.error.replyToMail = action.payload;
       });
+
+    // Async Thunk: replyToMail
+    builder
+      .addCase(searchEmails.pending, (state) => {
+        state.loading.searchEmails = true;
+        state.error.searchEmails = null;
+      })
+      .addCase(searchEmails.fulfilled, (state, action) => {
+        state.loading.searchEmails = false;
+        if (action.payload?.length > 0) {
+          state.mailsList = action.payload;
+        }
+      })
+      .addCase(searchEmails.rejected, (state, action) => {
+        state.loading.searchEmails = false;
+        state.error.searchEmails = "Something went wrong!";
+      });
   },
 });