Merge pull request rairprotocol#112 from rairprotocol/revert-106-clea…

…r-all-notifications-pagination Revert "Clear all notifications pagination"
mfrosi · Jul 11, 2024 · 0f20c43 · 0f20c43
2 parents 0178a23 + 71401fc
commit 0f20c43
Show file tree

Hide file tree

Showing 66 changed files with 534 additions and 1,351 deletions.
diff --git a/.env.sample b/.env.sample
@@ -42,7 +42,7 @@ base_mainnet_rpc=https://base-mainnet.g.alchemy.com/v2/LPVexfumI81FHrSqJyhwpZ9yb
 #default image for NFTs that have no metadata
 default_product_cover=https://rair.myfilebase.com/ipfs/QmcV94NurwfWVGpXTST1we8uDbYiVQamKe87WEHK6DRzqa
 #ipfs configuration - pinata or ipfs
-ipfs_service=filebase
+ipfs_service=pinata
 ipfs_gateway=http://rairipfs:8080/ipfs
 ipfs_api=http://rairipfs:5001
 #gcp storage configuration

diff --git a/rair-front/Dockerfile.prod b/rair-front/Dockerfile.prod
@@ -1,6 +1,6 @@
 # build environment
 
-FROM node:22.4.0 as build
+FROM node:21.2.0 as build
 
 WORKDIR /usr/src/minting
 
@@ -22,4 +22,4 @@ COPY --from=build /usr/src/minting/nginx/nginx.conf /etc/nginx/conf.d/default.co
 EXPOSE 80
 
 # The default parameters to ENTRYPOINT (unless overruled on the command line)
-CMD ["nginx", "-g", "daemon off;"]
+CMD ["nginx", "-g", "daemon off;"]
diff --git a/rair-front/nginx/nginx.conf.ssl b/rair-front/nginx/nginx.conf.ssl
@@ -58,7 +58,7 @@ server {
     }
 
     location /socket.io {
-      proxy_pass http://rair-node:5000;
+      proxy_pass http://rair-stream:5002;
       client_max_body_size 200000M;
     }
 }

diff --git a/rair-front/src/App.tsx b/rair-front/src/App.tsx
@@ -97,7 +97,6 @@ import ErrorFallback from './views/ErrorFallback/ErrorFallback';
 
 import 'bootstrap/dist/css/bootstrap.min.css';
 import './App.css';
-import { rFetch } from './utils/rFetch';
 /* Track a page view */
 // const analytics = getInformationGoogleAnalytics();
 // analytics.page();
@@ -134,7 +133,6 @@ function App() {
   const [tabIndexItems, setTabIndexItems] = useState(0);
   const [tokenNumber, setTokenNumber] = useState<number | undefined>(undefined);
   const navigate = useNavigate();
-  const [notificationCount, setNotificationCount] = useState<number>(0);
 
   // Redux
   const { primaryColor, textColor, backgroundImage, backgroundImageEffect } =
@@ -196,19 +194,6 @@ function App() {
     }
   }, [dispatch, logoutUser]);
 
-  const getNotificationsCount = useCallback( async () => {
-    if (currentUserAddress) {
-      const result = await rFetch(`/api/notifications?onlyUnread=true`);
-      if (result.success && result.totalCount > 0) {
-        setNotificationCount(result.totalCount);
-      }
-    }
-  }, [currentUserAddress]);
-
-  useEffect(() => {
-    getNotificationsCount();
-  }, [getNotificationsCount])
-
   // gtag
 
   useEffect(() => {
@@ -382,8 +367,6 @@ function App() {
                 selectedChain={correctBlockchain(realChain)}
                 setTabIndexItems={setTabIndexItems}
                 isAboutPage={isAboutPage}
-                notificationCount={notificationCount}
-                getNotificationsCount={getNotificationsCount}
               />
             )
           )}

diff --git a/rair-front/src/components/Header/MainHeader.tsx b/rair-front/src/components/Header/MainHeader.tsx
@@ -37,7 +37,6 @@ import TalkSalesComponent from './HeaderItems/TalkToSalesComponent/TalkSalesComp
 
 //styles
 import './Header.css';
-import { rFetch } from '../../utils/rFetch';
 
 const MainHeader: React.FC<IMainHeader> = ({
   goHome,
@@ -71,8 +70,6 @@ const MainHeader: React.FC<IMainHeader> = ({
   );
 
   const hotdropsVar = import.meta.env.VITE_TESTNET;
-  const [realDataNotification, setRealDataNotification] = useState([]);
-  const [notificationCount, setNotificationCount] = useState<number>(0);
 
   const [textSearch, setTextSearch] = useState<string>('');
   const [adminPanel, setAdminPanel] = useState<boolean>(false);
@@ -125,35 +122,6 @@ const MainHeader: React.FC<IMainHeader> = ({
     setTextSearch('');
   };
 
-  const getNotifications = useCallback(async (pageNum?: number) => {
-    if(currentUserAddress) {
-      // const result = await rFetch(`/api/notifications${itemsPerPage && pageNum ? `?itemsPerPage=${itemsPerPage}&pageNum=${pageNum}` : ''}`);
-      const result = await rFetch(`/api/notifications${`?pageNum=${Number(pageNum)}`}`);
-
-      if (result.success) {
-        setRealDataNotification(result.notifications);
-      }
-    }
-  }, [currentUserAddress]);
-
-  const getNotificationsCount = useCallback( async () => {
-    if(currentUserAddress) {
-      const result = await rFetch(`/api/notifications?onlyUnread=true`);
-      if (result.success && result.totalCount > 0) {
-        setNotificationCount(result.totalCount);
-      }
-    }
-  }, [currentUserAddress])
-
-  useEffect(() => {
-    getNotificationsCount();
-  }, [getNotificationsCount])
-
-
-  useEffect(() => {
-    getNotifications(0);
-  }, [currentUserAddress])
-
   const Highlight = (props) => {
     const { filter, str } = props;
     if (!filter) return str;
@@ -238,7 +206,7 @@ const MainHeader: React.FC<IMainHeader> = ({
               backgroundColor: primaryColor
             }}
             type="text"
-            placeholder="Search..."
+            placeholder="Search the rairverse..."
             onChange={handleChangeText}
             value={textSearch}
             onClick={() => setIsComponentVisible(true)}
@@ -446,7 +414,7 @@ const MainHeader: React.FC<IMainHeader> = ({
             isSplashPage={isSplashPage}
           />
           <div className="social-media">
-            {currentUserAddress && <PopUpNotification setRealDataNotification={setRealDataNotification} notificationCount={notificationCount} getNotificationsCount={getNotificationsCount} getNotifications={getNotifications} realDataNotification={realDataNotification} />}
+            {currentUserAddress && <PopUpNotification />}
 
             <AdminPanel
               creatorViewsDisabled={creatorViewsDisabled}

diff --git a/rair-front/src/components/MockUpPage/FilteringBlock/modal/index.tsx b/rair-front/src/components/MockUpPage/FilteringBlock/modal/index.tsx
@@ -55,9 +55,7 @@ const Content = styled.div`
   min-width: 50px;
   max-height: 80%;
   max-width: 80%;
-  box-shadow:
-    0 3px 6px rgba(0, 0, 0, 0.16),
-    0 3px 6px rgba(0, 0, 0, 0.23);
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
   background-color: white;
   border-radius: 2px;
 `;

diff --git a/.../src/components/MockUpPage/NftList/LikeButton/favoritesReducer/actions/actionFavorites.ts b/.../src/components/MockUpPage/NftList/LikeButton/favoritesReducer/actions/actionFavorites.ts
@@ -5,33 +5,33 @@ import * as types from './../actionTypes/types';
 const addItemFavoriteStart = () =>
   ({
     type: types.ADD_ITEM_FAVORITES_START
-  }) as const;
+  } as const);
 
 const addItemFavoriteEnd = () =>
   ({
     type: types.ADD_ITEM_FAVORITES_END
-  }) as const;
+  } as const);
 
 const removeItemFavoriteEnd = () =>
   ({
     type: types.REMOVE_ITEM_FAVORITES_END
-  }) as const;
+  } as const);
 
 const getCurrentItemSuccess = (item: TTokenData | null) =>
   ({
     type: types.GET_CURRENT_ITEM_SUCCESS,
     item
-  }) as const;
+  } as const);
 
 const getCurrentItemFalse = () =>
   ({
     type: types.GET_CURRENT_ITEM_FALSE
-  }) as const;
+  } as const);
 
 const errorFavorites = () =>
   ({
     type: types.ERROR_FAVORITES
-  }) as const;
+  } as const);
 
 export {
   addItemFavoriteEnd,

diff --git a/rair-front/src/components/MockUpPage/PaginationBox/PaginationBox.tsx b/rair-front/src/components/MockUpPage/PaginationBox/PaginationBox.tsx
@@ -11,16 +11,12 @@ const PaginationBox: React.FC<IPaginationBox> = ({
   changePage,
   currentPage,
   totalPageForPagination,
-  whatPage,
-  itemsPerPageNotifications
+  whatPage
 }) => {
   const itemsPerPage = useSelector<RootState, number>(
     (store) => store.nftDataStore.itemsPerPage
   );
 
-  console.info(totalPageForPagination, 'totalPageForPagination');
-  console.info(itemsPerPageNotifications, 'itemsPerPageNotifications')
-
   const { primaryColor, primaryButtonColor } = useSelector<
     RootState,
     ColorStoreType
@@ -30,8 +26,6 @@ const PaginationBox: React.FC<IPaginationBox> = ({
   const [totalPage, setTotalPages] = useState<number>();
   const [totalPageVideo, setTotalPagesVideo] = useState<number>();
 
-  console.info(totalPage, 'totalPage')
-
   // const hotdropsVar = import.meta.env.VITE_TESTNET;
 
   const pagesArray: number[] = [];
@@ -43,10 +37,6 @@ const PaginationBox: React.FC<IPaginationBox> = ({
     for (let i = 0; i < totalPageVideo; i++) {
       pagesArray.push(i + 1);
     }
-  } else if(whatPage && whatPage === 'notifications' && totalPage) {
-    for (let i = 0; i < totalPage; i++) {
-      pagesArray.push(i + 1);
-    }
   }
 
   const getPagesCount = (totalCount: number, itemsPerPage: number) => {
@@ -66,10 +56,7 @@ const PaginationBox: React.FC<IPaginationBox> = ({
     } else if (totalPageForPagination && whatPage === 'video') {
       setTotalPagesVideo(getPagesCount(totalPageForPagination, itemsPerPage));
     }
-    else if(totalPageForPagination && whatPage === 'notifications' && itemsPerPageNotifications){
-        setTotalPages(getPagesCount(totalPageForPagination, itemsPerPageNotifications));
-    }
-  }, [setTotalPages, totalPageForPagination, itemsPerPage, whatPage, itemsPerPageNotifications]);
+  }, [setTotalPages, totalPageForPagination, itemsPerPage, whatPage]);
 
   if (totalPageForPagination === 0) {
     return null;

diff --git a/rair-front/src/components/MockUpPage/SearchPanel.tsx b/rair-front/src/components/MockUpPage/SearchPanel.tsx
@@ -226,7 +226,7 @@ const SearchPanel: React.FC<ISearchPanel> = ({ tabIndex, setTabIndex }) => {
               primaryColor === '#dedede' ? 'default' : 'dark'
             }`}
             className="category-button-nft category-button">
-              MARKET
+            {hotdropsVar === 'true' ? 'Collectible' : 'NFT'}
           </Tab>
           <Tab
             onClick={() => {

diff --git a/rair-front/src/components/MockUpPage/mockupPage.types.ts b/rair-front/src/components/MockUpPage/mockupPage.types.ts
@@ -60,14 +60,13 @@ export interface ISvgLock {
   color: string;
 }
 
-export type TWhatPage = 'nft' | 'video' | 'notifications';
+export type TWhatPage = 'nft' | 'video';
 
 export interface IPaginationBox {
   changePage: (currentPage: number) => void;
   currentPage: number;
   totalPageForPagination: number | undefined;
   whatPage: TWhatPage;
-  itemsPerPageNotifications?: number;
 }
 
 export interface ILikeButton {