refactor: pages and sections organization

src/components/activate-subscription-profile-modal.tsx

@@ -24,7 +24,7 @@ import { encodeAbiParameters } from 'viem';
 // LOCAL IMPORTS
 import { GLOBAL_CONSTANTS } from '@src/config-global';
 import { useAuthorizePolicy } from '@src/hooks/protocol/use-authorize-policy.ts';
-import NeonPaper from '@src/sections/publication/NeonPaperContainer.tsx';
+import NeonPaper from '@src/sections/publication/components/neon-paper-container.tsx';
 import Box from '@mui/material/Box';
 import LoadingButton from '@mui/lab/LoadingButton';
 import { notifyError, notifySuccess } from '@notifications/internal-notifications.ts';

src/components/carousel/types.ts

@@ -79,6 +79,7 @@ export interface CarouselSlideProps<T> {
 }
 
 export type CarouselCreatorsProps = CarouselResizable & {
+  profiles: Profile[];
   title?: string;
 };
 

src/components/carousel/variants/CarouselCreators.tsx

@@ -1,27 +1,13 @@
 import { memo, FC } from 'react';
-import {ExploreProfilesOrderByType, LimitType, PublicationType, useExploreProfiles} from "@lens-protocol/react-web"
+import { PublicationType} from "@lens-protocol/react-web"
 import { Profile } from '@lens-protocol/api-bindings';
 import CarouselSlide from '@src/components/carousel/components/CarouselSlide';
 import { UserItem } from '@src/components/user-item';
 import CarouselWrapper from './CarouselWrapper';
 import { CarouselCreatorsProps } from '../types';
-import {filterHiddenProfiles} from "@src/utils/profile.ts"
 
  const CarouselCreators: FC<CarouselCreatorsProps> = (params) => {
-  const { title, minItemWidth, maxItemWidth } = params;
-
-   const { data: latestCreatedProfiles } = useExploreProfiles({
-     orderBy: ExploreProfilesOrderByType.LatestCreated,
-     limit: LimitType.Fifty,
-   });
-
-   // FilteredCompletedProfiles is an array of objects, each object has a metadata property and inside exists a displayName en bio property; filter the profiles that not have a displayName and bio property
-   const filtered = latestCreatedProfiles?.filter(
-     (profile: any) => profile.metadata?.displayName && profile.metadata?.bio
-   );
-
-   // Clear ###HIDDEN### profiles
-   const filteredProfiles = filterHiddenProfiles(filtered);
+  const { profiles, title, minItemWidth, maxItemWidth } = params;
 
    const carouselSettings = {
     infinite: false,
@@ -49,7 +35,7 @@ import {filterHiddenProfiles} from "@src/utils/profile.ts"
   );
 
   const carouselParams = {
-    data: filteredProfiles || [],
+    data: profiles || [],
     title,
     minItemWidth,
     maxItemWidth,

src/components/follow-unfollow-button.tsx

@@ -18,7 +18,7 @@ import { removeFollowing, addFollowing } from '@redux/followers';
 // LOCAL IMPORTS
 import { useNotifications } from '@src/hooks/use-notifications.ts';
 import { useNotificationPayload } from '@src/hooks/use-notification-payload.ts';
-import NeonPaper from '@src/sections/publication/NeonPaperContainer.tsx';
+import NeonPaper from '@src/sections/publication/components/neon-paper-container.tsx';
 import Box from '@mui/material/Box';
 
 // Notifications

src/components/login-modal/profile-form-view.tsx

@@ -23,7 +23,7 @@ import { ProfileData } from '@src/auth/context/web3Auth/types.ts';
 import { uploadImageToIPFS, uploadMetadataToIPFS } from '@src/utils/ipfs.ts';
 import { buildProfileMetadata } from '@src/utils/profile.ts';
 import TextMaxLine from '@src/components/text-max-line';
-import NeonPaper from '@src/sections/publication/NeonPaperContainer';
+import NeonPaper from '@src/sections/publication/components/neon-paper-container.tsx';
 import uuidv4 from '@src/utils/uuidv4';
 
 // LENS IMPORTS

src/components/poster/variants/poster-creators.tsx

@@ -5,7 +5,7 @@ import Paper from '@mui/material/Paper';
 import Image from '@src/components/image';
 import { useRouter } from '@src/routes/hooks';
 import { paths } from '@src/routes/paths.ts';
-import { TrendingTopicsType } from '@src/sections/explore/view.tsx';
+import { TrendingTopicsType } from '@src/sections/explore/types.ts';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
 import ListItemText from '@mui/material/ListItemText';

src/components/poster/variants/poster-latest-content.tsx

@@ -6,7 +6,7 @@ import { styled } from '@mui/system';
 import Image from '@src/components/image';
 import { useRouter } from '@src/routes/hooks';
 import { paths } from '@src/routes/paths.ts';
-import { TrendingTopicsType } from '@src/sections/explore/view.tsx';
+import { TrendingTopicsType } from '@src/sections/explore/types.ts';
 import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 import TextMaxLine from '@src/components/text-max-line';

src/components/poster/variants/poster-trending-topic.tsx

@@ -9,7 +9,7 @@ import Stack from '@mui/material/Stack';
 import Image from '@src/components/image';
 import { useRouter } from '@src/routes/hooks';
 import { paths } from '@src/routes/paths.ts';
-import { TrendingTopicsType } from '@src/sections/explore/view.tsx';
+import { TrendingTopicsType } from '@src/sections/explore/types.ts';
 import Box from '@mui/material/Box';
 
 // ----------------------------------------------------------------------

src/components/publication-detail-main/index.tsx

@@ -46,8 +46,8 @@ import { paths } from '@src/routes/paths.ts';
 import { useRouter } from '@src/routes/hooks';
 import { varFade } from '@src/components/animate';
 import { LeaveTipCard } from '@src/components/leave-tip-card.tsx';
-import PostCommentList from '@src/sections/publication/publication-comments-list.tsx';
-import PublicationCommentForm from '@src/sections/publication/publication-details-comment-form.tsx';
+import PostCommentList from '@src/sections/publication/components/publication-comments-list.tsx';
+import PublicationCommentForm from '@src/sections/publication/components/publication-details-comment-form.tsx';
 import { SubscribeToUnlockCard } from '@src/components/subscribe-to-unlock-card/subscribe-to-unlock-card.tsx';
 import { ReportPublicationModal } from '@src/components/report-publication-modal.tsx';
 import Popover from '@mui/material/Popover';

src/components/publication-detail-main/types.ts

@@ -4,6 +4,6 @@ export interface PublicationDetailProps {
   handleSubscribe: () => void;
   handleRefetchAccess: () => void;
   loadingSubscribe: boolean;
-  subscribeDisabled: boolean;
+  subscribeDisabled?: boolean;
   hasAccess: boolean;
 }

src/components/sponsored-access-button/sponsored-access-button.tsx

@@ -14,7 +14,7 @@ import { styled } from '@mui/material/styles';
 import { Icon } from '@iconify/react';
 
 // LOCAL IMPORTS
-import NeonPaper from '@src/sections/publication/NeonPaperContainer.tsx';
+import NeonPaper from '@src/sections/publication/components/neon-paper-container.tsx';
 import { useSponsoredAccessAgreement } from '@src/hooks/protocol/use-sponsored-access-agreement.ts';
 import { useAccountSession } from '@src/hooks/use-account-session.ts';
 import { ExtendedSponsoredAccessProps } from '@src/components/sponsored-access-button/types.ts';

src/components/subscribe-profile-modal.tsx

@@ -34,7 +34,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { useGetBalance } from '@src/hooks/protocol/use-get-balance.ts';
 import { useNotifications } from '@src/hooks/use-notifications.ts';
 import { useNotificationPayload } from '@src/hooks/use-notification-payload.ts';
-import NeonPaper from '@src/sections/publication/NeonPaperContainer.tsx';
+import NeonPaper from '@src/sections/publication/components/neon-paper-container.tsx';
 import Box from '@mui/material/Box';
 import { GLOBAL_CONSTANTS } from '@src/config-global.ts';
 import { notifyError, notifySuccess } from '@notifications/internal-notifications.ts';

src/hooks/protocol/types.ts

@@ -337,9 +337,8 @@ export interface UseGetSubtitlesReturn {
 export interface UseHasAccessHook {
   hasAccess?: boolean;
   loading: boolean;
-  fetching: boolean;
   error?: HasAccessError | null;
-  refetch: () => void;
+  fetch: () => void;
 }
 
 // ----------------------------------------------------------------------

src/hooks/protocol/use-get-campaign.ts

@@ -19,16 +19,17 @@ export const useGetCampaign = (): UseGetCampaignHook => {
       }
       setLoading(true);
       try {
-        const active: any = await publicClient.readContract({
+        const campaignAddress: any = await publicClient.readContract({
           address: GLOBAL_CONSTANTS.CAMPAIGN_REGISTRY_ADDRESS,
           abi: CampaignRegistryAbi.abi,
           functionName: 'getCampaign',
           args: [account, policy],
         });
-        setCampaign(active);
-        return active;
+        setCampaign(campaignAddress);
+        //
+        return campaignAddress;
       } catch (err: any) {
-        console.error('Error fetching is active:', err);
+        console.error('Error fetching campaign address:', err);
         setCampaign(null);
       } finally {
         setLoading(false);

src/hooks/protocol/use-has-access.ts

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 import { Address } from 'viem';
 import { publicClient } from '@src/clients/viem/publicClient.ts';
 import AccessAggAbi from '@src/config/abi/AccessAgg.json';
@@ -20,17 +20,20 @@ export const useHasAccess = (ownerAddress?: Address): UseHasAccessHook => {
   const { isAuthenticated } = useAccountSession();
   const [hasAccess, setHasAccess] = useState<boolean | undefined>(undefined);
   const [loading, setLoading] = useState(true);
-  const [fetching, setFetching] = useState(true);
+  const defaultResponse = {
+    hasAccess: false,
+    loading: false,
+    error: null,
+    fetch: () => {},
+  }
 
-  const fetchAccess = async () => {
+  const fetchAccess = useCallback(async () => {
     if (!userAddress || !ownerAddress) {
       setLoading(false);
-      setFetching(false);
-
-      throw new Error('User address or owner address is missing while verifying user access.');
+      return defaultResponse;
     }
 
-    setFetching(true);
+    setLoading(true);
     try {
       const accessData: any = await publicClient.readContract({
         address: GLOBAL_CONSTANTS.ACCESS_AGG_ADDRESS,
@@ -47,28 +50,20 @@ export const useHasAccess = (ownerAddress?: Address): UseHasAccessHook => {
       notifyError(ERRORS.VERIFY_ACCESS_ERROR);
     } finally {
       setLoading(false);
-      setFetching(false);
     }
-  };
+  }, [userAddress, ownerAddress]);
 
   useEffect(() => {
     fetchAccess();
-  }, [userAddress, ownerAddress]);
+  }, [fetchAccess]);
 
   if (!isAuthenticated()) {
-    return {
-      hasAccess: false,
-      loading: false,
-      fetching: false,
-      error: null,
-      refetch: () => {},
-    };
+    return defaultResponse;
   }
 
   return {
     hasAccess,
     loading,
-    fetching,
-    refetch: fetchAccess,
+    fetch: fetchAccess,
   };
 };

src/layouts/_common/account-popover/account-popover-button.tsx

@@ -16,7 +16,7 @@ import { m } from 'framer-motion';
 // LOCAL IMPORTS
 import { varHover } from '@src/components/animate';
 import AvatarProfile from '@src/components/avatar/avatar';
-import NeonPaper from '@src/sections/publication/NeonPaperContainer';
+import NeonPaper from '@src/sections/publication/components/neon-paper-container.tsx';
 import { UsePopoverReturnType } from '@src/components/custom-popover/use-popover.ts';
 
 // ----------------------------------------------------------------------

src/pages/403.tsx

@@ -1,6 +1,6 @@
 import { Helmet } from 'react-helmet-async';
 // sections
-import { View403 } from '@src/sections/error';
+import { Error403View } from '@src/sections/error';
 
 // ----------------------------------------------------------------------
 
@@ -11,7 +11,7 @@ export default function Page403() {
         <title> 403 Forbidden</title>
       </Helmet>
 
-      <View403 />
+      <Error403View />
     </>
   );
 }

src/pages/404.tsx

@@ -1,6 +1,6 @@
 import { Helmet } from 'react-helmet-async';
 // sections
-import { NotFoundView } from '@src/sections/error';
+import { Error404View } from '@src/sections/error';
 
 // ----------------------------------------------------------------------
 
@@ -11,7 +11,7 @@ export default function NotFoundPage() {
         <title> 404 Page Not Found!</title>
       </Helmet>
 
-      <NotFoundView />
+      <Error404View />
     </>
   );
 }

src/pages/500.tsx

@@ -1,6 +1,6 @@
 import { Helmet } from 'react-helmet-async';
 // sections
-import { View500 } from '@src/sections/error';
+import { Error500View } from '@src/sections/error';
 
 // ----------------------------------------------------------------------
 
@@ -11,7 +11,7 @@ export default function Page500() {
         <title> 500 Internal Server Error</title>
       </Helmet>
 
-      <View500 />
+      <Error500View />
     </>
   );
 }

src/pages/dashboard/achievements.tsx → src/pages/achievements.tsx

@@ -1,6 +1,6 @@
 // sections
-import BlankView from '@src/sections/blank/view';
-import ComingSoonView from '../../sections/coming-soon/view';
+import BlankView from '@src/sections/blank/views/blank-view.tsx';
+import { ComingSoonView } from '../sections/coming-soon';
 import { GLOBAL_CONSTANTS } from '@src/config-global.ts';
 import { OgMetaTags } from '@src/components/og-meta-tags.tsx';
 

src/pages/dashboard/analytics.tsx → src/pages/analytics.tsx

@@ -1,5 +1,5 @@
-import BlankView from '../../sections/blank/view';
-import ComingSoonView from '../../sections/coming-soon/view';
+import BlankView from '../sections/blank/views/blank-view.tsx';
+import { ComingSoonView } from '../sections/coming-soon';
 import { GLOBAL_CONSTANTS } from '@src/config-global.ts';
 import { OgMetaTags } from '@src/components/og-meta-tags.tsx';
 

src/pages/dashboard/community.tsx → src/pages/community.tsx

@@ -1,5 +1,5 @@
-import BlankView from '../../sections/blank/view';
-import ComingSoonView from '../../sections/coming-soon/view';
+import BlankView from '../sections/blank/views/blank-view.tsx';
+import { ComingSoonView } from '../sections/coming-soon';
 import { GLOBAL_CONSTANTS } from '@src/config-global.ts';
 import { OgMetaTags } from '@src/components/og-meta-tags.tsx';
 

src/pages/dashboard/events.tsx → src/pages/events.tsx

@@ -1,6 +1,6 @@
 // sections
-import ComingSoonView from '@src/sections/coming-soon/view.tsx';
-import BlankView from '@src/sections/blank/view.tsx';
+import { ComingSoonView } from '@src/sections/coming-soon';
+import BlankView from '@src/sections/blank/views/blank-view.tsx';
 import { GLOBAL_CONSTANTS } from '@src/config-global.ts';
 import { OgMetaTags } from '@src/components/og-meta-tags.tsx';
 

src/pages/dashboard/finance.tsx → src/pages/finance.tsx

@@ -1,4 +1,4 @@
-import OverviewBankingView from '@src/sections/finance';
+import { FinanceView } from '@src/sections/finance';
 import Header from '@src/layouts/dashboard/header.tsx';
 import HeaderContent from '@src/layouts/dashboard/header-content.tsx';
 import { GLOBAL_CONSTANTS } from '@src/config-global.ts';
@@ -15,7 +15,7 @@ const OverviewBankingPage = () => {
       <Header>
         <HeaderContent title="Finance" />
       </Header>
-      <WithAuth component={OverviewBankingView} description={'Login to access your balance.'} icon={'iconoir:stats-report'} header={'Finance Dashboard'} />
+      <WithAuth component={FinanceView} description={'Login to access your balance.'} icon={'iconoir:stats-report'} header={'Finance Dashboard'} />
     </OgMetaTags>
   );
 }

src/pages/dashboard/governance/details.tsx → src/pages/governance/details.tsx

@@ -1,5 +1,5 @@
 // sections
-import { GovernanceDetailsView } from '../../../sections/governance/view';
+import { GovernanceDetailsView } from '../../sections/governance';
 import { GLOBAL_CONSTANTS } from '@src/config-global.ts';
 import { OgMetaTags } from '@src/components/og-meta-tags.tsx';