21 |
28 | );
29 | };
30 |
31 | export default ReferralAlert;
--------------------------------------------------------------------------------
/src/components/Common/Search/Profiles.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable @next/next/no-img-element */
2 | import type { Profile } from '@utils/lens'
3 | import type { FC } from 'react'
4 | import React from 'react'
5 | import UserProfile from '../UserProfile'
6 |
7 | interface Props {
8 | results: Profile[]
9 | onProfileSelected? : (profile: Profile) => void
10 | loading: boolean
11 | linkToProfile?: boolean
12 | clearSearch: () => void
13 | }
14 |
15 | const Profiles: FC {
21 | clearSearch()
22 | if (onProfileSelected) {
23 | onProfileSelected(profile);
24 | }
25 | }}
26 | key={profile.id}
27 | className="px-5 py-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-900"
28 | role="button"
29 | >
30 |
36 | ))}
37 | {!results?.length && !loading && (
38 |
39 | No results found.
40 |
41 | )}
42 |
43 | )
44 | }
45 |
46 | export default Profiles
--------------------------------------------------------------------------------
/src/components/Common/Slider/buttons.tsx:
--------------------------------------------------------------------------------
1 | import React, { FC } from "react";
2 | import { BiChevronLeft, BiChevronRight } from "react-icons/bi";
3 | import clsx from "clsx";
4 |
5 | interface Props {
6 | direction: string;
7 | moveSlide: () => void;
8 | }
9 |
10 | const SliderBtn:FC
12 | 
28 |
31 | );
32 | };
33 |
34 | export default Uniswap;
--------------------------------------------------------------------------------
/src/components/Common/Video.tsx:
--------------------------------------------------------------------------------
1 | import type { FC } from 'react';
2 | import type { AspectRatio } from '@livepeer/react'
3 | import { Player } from '@livepeer/react'
4 | import React from 'react';
5 | import { IPFS_GATEWAY } from '@utils/constants';
6 |
7 | export interface PlayerProps {
8 | playerRef?: (ref: HTMLMediaElement) => void
9 | src: string
10 | posterUrl?: string
11 | ratio?: AspectRatio
12 | showControls?: boolean
13 | options?: {
14 | autoPlay?: boolean
15 | muted?: boolean
16 | loop?: boolean
17 | loadingSpinner: boolean
18 | }
19 | }
20 |
21 | const Video: FC
13 | You don't have enough {module?.amount?.asset?.symbol}
14 |
15 |
21 |
28 | Swap in Uniswap
29 |
30 | {children}
8 | );
9 | }
10 |
11 | asTag(): string {
12 | return 'code';
13 | }
14 |
15 | match(value: string) {
16 | return this.doMatch(
17 | value,
18 | /`(.*?)`/u,
19 | (matches) => ({
20 | match: matches[1]
21 | }),
22 | true
23 | );
24 | }
25 | }
--------------------------------------------------------------------------------
/src/components/Common/matchers/markdown/MDItalicMatcher.tsx:
--------------------------------------------------------------------------------
1 | import type { ChildrenNode } from 'interweave';
2 | import { Matcher } from 'interweave';
3 |
4 | export class MDItalicMatcher extends Matcher {
5 | replaceWith(children: ChildrenNode) {
6 | return {children};
7 | }
8 |
9 | asTag(): string {
10 | return 'i';
11 | }
12 |
13 | match(value: string) {
14 | return this.doMatch(value, /\*([^**]*?)\*/u, (matches) => ({
15 | match: matches[1]
16 | }));
17 | }
18 | }
--------------------------------------------------------------------------------
/src/components/Common/matchers/markdown/MDLinkMatcher.tsx:
--------------------------------------------------------------------------------
1 | import type { ChildrenNode } from 'interweave';
2 | import { Matcher } from 'interweave';
3 | import { v4 as uuid } from 'uuid';
4 |
5 | const createHyperlink = (href: string | undefined, title: string | undefined) => {
6 | const keyId = '_' + href + '-' + uuid().slice(-7);
7 | return (
8 |
9 | {title}
10 |
11 | );
12 | };
13 |
14 | export class MDLinkMatcher extends Matcher {
15 | replaceWith(children: ChildrenNode, props: any) {
16 | return createHyperlink(props.href, props.title);
17 | }
18 |
19 | asTag(): string {
20 | return 'a';
21 | }
22 |
23 | match(value: string) {
24 | return this.doMatch(value, /\[(.*?)\]\((.*?)\)/u, (matches) => ({
25 | href: matches[2],
26 | title: matches[1]
27 | }));
28 | }
29 | }
--------------------------------------------------------------------------------
/src/components/Common/matchers/markdown/MDQuoteMatcher.tsx:
--------------------------------------------------------------------------------
1 | import type { ChildrenNode } from 'interweave';
2 | import { Matcher } from 'interweave';
3 |
4 | export class MDQuoteMatcher extends Matcher {
5 | replaceWith(children: ChildrenNode) {
6 | return (
7 |
8 | {children}
9 |
10 | );
11 | }
12 |
13 | asTag(): string {
14 | return 'span';
15 | }
16 |
17 | match(value: string) {
18 | return this.doMatch(value, /^> (.*$)/, (matches) => ({
19 | match: matches[1]
20 | }));
21 | }
22 | }
--------------------------------------------------------------------------------
/src/components/Common/matchers/markdown/MDStrikeMatcher.tsx:
--------------------------------------------------------------------------------
1 | import type { ChildrenNode } from 'interweave';
2 | import { Matcher } from 'interweave';
3 |
4 | export class MDStrikeMatcher extends Matcher {
5 | replaceWith(children: ChildrenNode) {
6 | return
13 |
23 | );
24 | };
25 |
26 | const Messages: NextPage = () => {
27 |
28 | const currentProfile = useAppStore((state) => state.currentProfile);
29 |
30 | if (!currentProfile) {
31 | return
14 | 👋
15 |
22 | 16 | Select a conversation 17 |
18 |19 | Choose an existing conversation or create a new one to start messaging 20 |
21 |
38 |
45 |
46 | );
47 | };
48 |
49 | export default Messages;
--------------------------------------------------------------------------------
/src/components/Notifications/Menu/Profile.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable @next/next/no-img-element */
2 | import formatHandle from '@utils/functions/formatHandle';
3 | import IsVerified from '@components/UI/IsVerified';
4 | import getProfilePicture from '@utils/functions/getProfilePicture';
5 | import type { Profile } from '@utils/lens';
6 | import Link from 'next/link';
7 | import type { FC } from 'react';
8 | import { AVATAR } from '@utils/constants';
9 |
10 | interface Props {
11 | profile: Profile;
12 | }
13 |
14 | export const NotificationProfileAvatar: FC
40 |
41 |
43 |
44 | {profile?.name ?? formatHandle(profile?.handle)}
35 |
17 | })
32 |
33 | )}
34 |
35 | );
36 | };
37 |
38 | export default CollectedAmount;
--------------------------------------------------------------------------------
/src/components/Notifications/Menu/Type/CollectNotification/Content.tsx:
--------------------------------------------------------------------------------
1 | import InterweaveContent from '@components/Common/InterweaveContent';
2 | import type { NewCollectNotification } from '@utils/lens';
3 | import Link from 'next/link';
4 | import type { FC } from 'react';
5 |
6 | interface Props {
7 | notification: NewCollectNotification;
8 | }
9 |
10 | const CollectedContent: FCCollected for free
20 | ) : (
21 | <>
22 |
23 | Collected for {formatNumber(collectModule?.amount?.value)} {collectModule?.amount?.asset?.symbol}
24 |
25 |
19 |
36 | );
37 | };
38 |
39 | export default CommentNotification;
--------------------------------------------------------------------------------
/src/components/Notifications/Profile.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable @next/next/no-img-element */
2 | import formatHandle from '@utils/functions/formatHandle';
3 | import IsVerified from '@components/UI/IsVerified';
4 | import getProfilePicture from '@utils/functions/getProfilePicture';
5 | import type { Profile } from '@utils/lens';
6 | import Link from 'next/link';
7 | import type { FC } from 'react';
8 | import { AVATAR } from '@utils/constants';
9 |
10 | interface Props {
11 | profile: Profile;
12 | }
13 |
14 | export const NotificationProfileAvatar: FC
20 |
32 | {/*
21 | {/*
31 |
25 | commented on your
26 |
27 | {notification?.comment?.commentOn?.__typename?.toLowerCase()}
28 |
29 |
30 |
33 | {dayjs(new Date(notification?.createdAt)).fromNow()}
34 |
*/}
35 | {profile?.name ?? formatHandle(profile?.handle)}
35 |
18 |
36 | );
37 | };
38 |
39 | export default CollectedAmount;
--------------------------------------------------------------------------------
/src/components/Notifications/Type/CollectNotification/Content.tsx:
--------------------------------------------------------------------------------
1 | import InterweaveContent from '@components/Common/InterweaveContent';
2 | import type { NewCollectNotification } from '@utils/lens';
3 | import Link from 'next/link';
4 | import type { FC } from 'react';
5 |
6 | interface Props {
7 | notification: NewCollectNotification;
8 | }
9 |
10 | const CollectedContent: FCCollected for free
21 | ) : (
22 | <>
23 |
24 | Collected for {formatNumber(collectModule?.amount?.value)} {collectModule?.amount?.asset?.symbol}
25 |
26 | {formatAddress(wallet?.address)}
36 |
37 | );
38 | };
--------------------------------------------------------------------------------
/src/components/Pin/Attachments/PinVideo.tsx:
--------------------------------------------------------------------------------
1 | import Video from '@components/Common/Video'
2 | import { ALLOWED_APP_IDS, THUMBNAIL_LG } from '@utils/constants'
3 | import { PinstaPublication } from '@utils/custom-types'
4 | import getVideoCoverUrl from '@utils/functions/getVideoCoverUrl'
5 | import imageCdn from '@utils/functions/imageCdn'
6 | import sanitizeIpfsUrl from '@utils/functions/sanitizeIpfsUrl'
7 | import React, { FC } from 'react'
8 |
9 | interface Props {
10 | pin: PinstaPublication
11 | }
12 |
13 | const PinVideo:FC
18 |
28 |
29 | )
30 | }
31 |
32 | export default PinVideo
--------------------------------------------------------------------------------
/src/components/Pin/Attachments/index.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable @next/next/no-img-element */
2 | import { Analytics } from '@utils/analytics'
3 | import { PinstaPublication } from '@utils/custom-types'
4 | import { FC, useEffect } from 'react'
5 | import useAppStore from '@lib/store'
6 | import { ALLOWED_IMAGE_TYPES, ALLOWED_VIDEO_TYPES } from '@utils/constants'
7 | import PinImage from './PinImage'
8 | import PinVideo from './PinVideo'
9 |
10 | interface Props {
11 | pin: PinstaPublication
12 | }
13 |
14 | const Attachments: FC
19 |
26 |
27 |
30 | {isImage ? (
31 |
37 |
38 | )
39 | }
40 |
41 | export default Attachments
--------------------------------------------------------------------------------
/src/components/Profile/Cover.tsx:
--------------------------------------------------------------------------------
1 | import { COVER } from '@utils/constants';
2 | import type { FC } from 'react';
3 | import sanitizeIpfsUrl from '@utils/functions/sanitizeIpfsUrl';
4 | import imageCdn from '@utils/functions/imageCdn';
5 | import { Profile } from '@utils/lens/generated';
6 | import {LeftMetaDetails, RightMetaDetails} from './MetaDetails';
7 |
8 | interface Props {
9 | cover: string;
10 | profile: Profile;
11 | }
12 |
13 | const Cover: FC
17 |
29 |
36 |
37 | );
38 | };
39 |
40 | export default Cover;
--------------------------------------------------------------------------------
/src/components/Profile/Followerings.tsx:
--------------------------------------------------------------------------------
1 | import { formatNumber } from '@utils/functions/formatNumber';
2 | import type { Profile } from '@utils/lens';
3 | import type { FC } from 'react';
4 |
5 | interface Props {
6 | profile: Profile;
7 | }
8 |
9 | const Followerings: FC
30 |
32 |
33 |
35 |
12 |
21 | );
22 | };
23 |
24 | export default Followerings;
--------------------------------------------------------------------------------
/src/components/Profile/Info.tsx:
--------------------------------------------------------------------------------
1 | import { Profile } from "@utils/lens/generated"
2 | import Cover from "./Cover"
3 | import Details from "./Details"
4 |
5 | const Info = ({ profile }: { profile: Profile }) => {
6 | return (
7 | <>
8 |
13 |
16 | {formatNumber(profile?.stats?.totalFollowing)}
14 | Following
15 |
17 |
20 | {formatNumber(profile?.stats?.totalFollowers)}
18 | Followers
19 |
9 |
23 |
24 | )
25 | }
26 |
27 | export default Info
--------------------------------------------------------------------------------
/src/components/Profile/Pins/All.tsx:
--------------------------------------------------------------------------------
1 |
2 | import { Profile } from '@utils/lens/generated'
3 | import { FC } from 'react'
4 | import BoardPins from './Common/Pins'
5 |
6 | interface Props {
7 | profile: Profile
8 | pins: any
9 | refetchSavedPins: () => void
10 | }
11 |
12 | const AllPins: FC
10 |
19 |
20 |
22 |
21 |
20 |
25 |
26 | : null
27 | }
28 |
29 | )
30 | }
31 |
32 | export default AllPins
--------------------------------------------------------------------------------
/src/components/Profile/Pins/Common/Thumbnail.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable @next/next/no-img-element */
2 | import { PinstaPublication } from '@utils/custom-types'
3 | import getThumbnailUrl from '@utils/functions/getThumbnailUrl'
4 | import imageCdn from '@utils/functions/imageCdn'
5 | import { usePublicationsByIdsQuery } from '@utils/lens/generated'
6 | import React, { FC } from 'react'
7 | import usePersistStore from '@lib/store/persist'
8 | import clsx from 'clsx'
9 | import { THUMBNAIL_SM } from '@utils/constants'
10 |
11 | interface Props {
12 | board: any
13 | setShowEditBoard: (show: boolean) => void
14 | }
15 |
16 | const BoardThumbnail: FC21 | Unorganized Pins 22 |
23 |
21 |
28 |
29 | )
30 | }
31 |
32 | export default BoardThumbnail
--------------------------------------------------------------------------------
/src/components/Settings/Permissions/Dispatcher/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | import Toggle from './Toggle'
4 | import { APP } from '@utils/constants'
5 |
6 | const DispatcherPermissions = () => {
7 | return (
8 |
22 |
26 |
27 |
9 |
20 | )
21 | }
22 |
23 | export default DispatcherPermissions
--------------------------------------------------------------------------------
/src/components/Settings/Permissions/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | import DispatcherPermissions from './Dispatcher'
4 | import ModulePermissions from './Modules'
5 |
6 | const Permissions = () => {
7 | return (
8 |
10 |
16 | Dispatcher
11 |12 | Dispacher helps interact with {APP.Name} without signing any 13 | of your transactions. 14 |
15 |
17 |
19 |
9 |
12 | )
13 | }
14 |
15 | export default Permissions
--------------------------------------------------------------------------------
/src/components/Settings/ProfileInterests/index.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react'
2 | import Topics from './Topics'
3 |
4 | const ProfileInterests:FC = () => {
5 | return (
6 | <>
7 |
8 |
18 |
19 | )
20 | }
21 |
22 | export default ProfileInterests
--------------------------------------------------------------------------------
/src/components/Shimmers/CommentItemShimmer.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const CommentItemShimmer = () => {
4 | return (
5 |
9 |
16 | Interests
10 |11 | There is so much good content on Pinsta, it may be hard to find 12 | what’s most relevant to you from time to time. That’s where profile 13 | interests can help curate content the way you like. 14 |
15 |
6 |
16 | )
17 | }
18 |
19 | export default CommentItemShimmer
--------------------------------------------------------------------------------
/src/components/Shimmers/CommentsShimmer.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | import CommentItemShimmer from './CommentItemShimmer'
4 |
5 | const CommentsShimmer = () => {
6 | return (
7 |
7 |
8 |
15 |
9 |
10 |
11 |
12 |
13 |
14 |
8 |
12 | )
13 | }
14 |
15 | export default CommentsShimmer
--------------------------------------------------------------------------------
/src/components/Shimmers/NotificationShimmer.tsx:
--------------------------------------------------------------------------------
1 | import type { FC } from 'react';
2 |
3 | const NotificationShimmer: FC = () => {
4 | return (
5 |
6 |
20 | );
21 | };
22 |
23 | export default NotificationShimmer;
--------------------------------------------------------------------------------
/src/components/Shimmers/PinCardShimmer.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | export const CardShimmer = () => {
4 | return (
5 |
7 |
16 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
17 |
18 |
19 |
6 |
10 | )
11 | }
12 |
13 | const PinCardShimmer = ({height} : { height: number}) => {
14 | return (
15 |
16 | )
17 | }
18 |
19 | export default PinCardShimmer
--------------------------------------------------------------------------------
/src/components/Shimmers/TimelineShimmer.tsx:
--------------------------------------------------------------------------------
1 | import React, { useMemo } from 'react'
2 |
3 | import PinCardShimmer from './PinCardShimmer'
4 | import Masonry from '@mui/lab/Masonry';
5 |
6 | const TimelineShimmer = () => {
7 | const cards = useMemo(() => Array(32).fill(1), [])
8 | const heights = [200, 400, 300, 200, 300, 400, 100, 200, 400, 200, 100, 300, 400, 100, 400, 100, 200, 150, 300, 200, 300, 400, 100, 200, 400, 220, 100, 300, 400, 100, 400, 300]
9 | return (
10 |
7 |
8 |
9 |
11 |
12 | {cards.map((i, idx) => (
13 |
16 |
17 | )
18 | }
19 |
20 | export default TimelineShimmer
21 |
22 | // const TimelineShimmer = () => {
23 | // const cards = useMemo(() => Array(16).fill(1), [])
24 | // return (
25 | //
26 | // {cards.map((i, idx) => (
27 | //
30 | // )
31 | // }
32 |
--------------------------------------------------------------------------------
/src/components/Stats/StatCard.tsx:
--------------------------------------------------------------------------------
1 | import type { FC } from 'react'
2 | import React from 'react'
3 |
4 | type Props = {
5 | icon: React.ReactNode
6 | count: number
7 | text: string
8 | }
9 |
10 | const StatCard: FC
13 |
14 | {icon}
15 |
16 |
23 | )
24 | }
25 |
26 | export default StatCard
--------------------------------------------------------------------------------
/src/components/UI/Alert.tsx:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import type { FC, ReactNode } from 'react'
3 | import React from 'react'
4 |
5 | type Props = {
6 | children: ReactNode
7 | variant?: 'warning' | 'danger' | 'success'
8 | }
9 |
10 | const Alert: FC
17 |
22 | {count}
18 |
19 | {text}
20 |
21 |
19 | {children}
20 |
21 | )
22 | }
23 |
24 | export default Alert
--------------------------------------------------------------------------------
/src/components/UI/Card.tsx:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx';
2 | import type { ElementType, FC, MouseEvent, ReactNode } from 'react';
3 |
4 | interface CardProps {
5 | children: ReactNode;
6 | as?: ElementType;
7 | className?: string;
8 | forceRounded?: boolean;
9 | onClick?: (event: MouseEvent
15 |
18 | {icon}
16 | {message}
17 |
19 | {title &&
22 | );
23 | };
--------------------------------------------------------------------------------
/src/components/UI/FullPageLoader.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable @next/next/no-img-element */
2 | import React from 'react'
3 |
4 | const FullPageLoader = () => {
5 | return (
6 | <>
7 | {title}
} 20 |{error?.message}
21 |
8 |
17 |
18 | )
19 | }
20 |
21 | export default FullPageLoader
--------------------------------------------------------------------------------
/src/components/UI/InfiniteLoader.tsx:
--------------------------------------------------------------------------------
1 | import type { FC } from 'react';
2 |
3 | import { Loader } from './Loader';
4 |
5 | const InfiniteLoader: FC = () => {
6 | return (
7 |
8 |
9 | 
15 |
16 |
15 |
16 |
28 | )
29 | }
30 |
31 | export default IsVerified
--------------------------------------------------------------------------------
/src/components/UI/NoDataFound.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable @next/next/no-img-element */
2 | import clsx from 'clsx'
3 | import React from 'react'
4 | import { APP } from '@utils/constants'
5 |
6 | export const NoDataFound = ({
7 | text = 'No data found',
8 | withImage = false,
9 | isCenter = false
10 | }) => {
11 | return (
12 |
17 | {withImage && (
18 | 
24 | )}
25 |
33 | )
34 | }
--------------------------------------------------------------------------------
/src/components/UI/TextArea.tsx:
--------------------------------------------------------------------------------
1 | import type { ComponentProps } from 'react';
2 | import { forwardRef, useId } from 'react';
3 |
4 | import { FieldError } from './Form';
5 |
6 | interface Props extends ComponentProps<'textarea'> {
7 | label?: string;
8 | }
9 |
10 | export const TextArea = forwardRef
24 | )}
25 |
30 | {text}
31 |
32 |
16 | {title &&
19 | );
20 | };
--------------------------------------------------------------------------------
/src/lib/apollo/cache.ts:
--------------------------------------------------------------------------------
1 | import { InMemoryCache } from '@apollo/client'
2 | import result from '@utils/lens'
3 |
4 | import cursorBasedPagination from './cursorBasedPagination'
5 |
6 | const cache = new InMemoryCache({
7 | possibleTypes: result.possibleTypes,
8 | typePolicies: {
9 | Query: {
10 | fields: {
11 | feed: cursorBasedPagination(['request', ['profileId', 'metadata']]),
12 | explorePublications: cursorBasedPagination([
13 | 'request',
14 | ['sortCriteria', 'noRandomize', 'profileId', 'sources', 'metadata']
15 | ]),
16 | publications: cursorBasedPagination([
17 | 'request',
18 | ['profileId', 'commentsOf', 'publicationTypes', 'sources']
19 | ]),
20 | nfts: cursorBasedPagination(['request', ['ownerAddress']]),
21 | notifications: cursorBasedPagination([
22 | 'request',
23 | ['profileId', 'notificationTypes']
24 | ]),
25 | followers: cursorBasedPagination(['request', ['profileId']]),
26 | following: cursorBasedPagination(['request', ['address']]),
27 | search: cursorBasedPagination(['request', ['query', 'type']]),
28 | profiles: cursorBasedPagination([
29 | 'request',
30 | ['profileIds', 'ownedBy', 'handles', 'whoMirroredPublicationId']
31 | ]),
32 | whoCollectedPublication: cursorBasedPagination([
33 | 'request',
34 | ['publicationId']
35 | ]),
36 | whoReactedPublication: cursorBasedPagination([
37 | 'request',
38 | ['publicationId']
39 | ]),
40 | mutualFollowersProfiles: cursorBasedPagination([
41 | 'request',
42 | ['viewingProfileId', 'yourProfileId', 'limit']
43 | ])
44 | }
45 | }
46 | }
47 | })
48 |
49 | export default cache
--------------------------------------------------------------------------------
/src/lib/apollo/cursorBasedPagination.ts:
--------------------------------------------------------------------------------
1 | import type { FieldPolicy, StoreValue } from '@apollo/client/core'
2 | import type { PaginatedResultInfo } from '@utils/lens'
3 |
4 | type CursorBasedPagination{title}
} 17 |{message}
18 |
14 |
21 |
29 |
30 | )
31 | }
--------------------------------------------------------------------------------
/src/pages/500.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from '@components/UI/Button'
2 | import Head from 'next/head'
3 | import Link from 'next/link'
4 | import React from 'react'
5 | import { APP } from '@utils/constants'
6 |
7 | export default function Custom500() {
8 | return (
9 | <>
10 |
11 |
21 |
22 |
28 | 404
23 |This page could not be found.
24 |
25 |
26 |
27 |
14 |
21 |
34 |
35 | )
36 | }
--------------------------------------------------------------------------------
/src/pages/[username]/[board]/index.tsx:
--------------------------------------------------------------------------------
1 | import Board from '@components/Board'
2 | import { getBoardBySlug } from '@lib/db/api';
3 |
4 | export default Board
5 |
6 | export const getServerSideProps = async (ctx : any) => {
7 | const { board, username } = ctx.params;
8 | const loading = true;
9 |
10 | const response = await getBoardBySlug(username, board);
11 | if (response && response.data.length > 0) {
12 | const board = response.data[0];
13 | return {
14 | props: {
15 | board,
16 | loading: false,
17 | },
18 | }
19 | } else {
20 | return {
21 | props: {
22 | board: null,
23 | loading,
24 | },
25 | }
26 | }
27 | }
--------------------------------------------------------------------------------
/src/pages/[username]/index.tsx:
--------------------------------------------------------------------------------
1 | import Profile from '@components/Profile'
2 | import formatHandle from '@utils/functions/formatHandle'
3 | import getApolloClient from '@utils/functions/getApolloClient'
4 | import { Profile as PinstaProfile, ProfileDocument } from '@utils/lens/generated'
5 | import { GetServerSideProps } from 'next'
6 |
7 | export default Profile
8 |
9 | const apolloClient = getApolloClient()
10 |
11 | interface Props {
12 | profile: PinstaProfile
13 | }
14 |
15 | export const getServerSideProps: GetServerSideProps
21 |
22 |
33 | 23 | Looks like something went wrong! 24 |
25 |
26 | We track these errors automatically, but if the problem persists
27 | feel free to contact us. In the meantime, try refreshing.
28 |
29 |
30 |
31 |
32 |
22 | 
29 |
39 |
40 | )
41 | }
42 |
43 | export default AuthRequiredPage
--------------------------------------------------------------------------------
/src/pages/create/index.tsx:
--------------------------------------------------------------------------------
1 | import Create from '@components/Create'
2 |
3 | export default Create
--------------------------------------------------------------------------------
/src/pages/explore.tsx:
--------------------------------------------------------------------------------
1 | import Explore from '@components/Explore'
2 |
3 | export default Explore
--------------------------------------------------------------------------------
/src/pages/hashtag/[tag].tsx:
--------------------------------------------------------------------------------
1 | import Hashtag from '@components/Hashtag'
2 |
3 | export default Hashtag
--------------------------------------------------------------------------------
/src/pages/index.tsx:
--------------------------------------------------------------------------------
1 | import Home from '@components/Home'
2 |
3 | export default Home
--------------------------------------------------------------------------------
/src/pages/latest.tsx:
--------------------------------------------------------------------------------
1 | import Latest from '@components/Latest'
2 |
3 | export default Latest
--------------------------------------------------------------------------------
/src/pages/messages/[...conversationKey].tsx:
--------------------------------------------------------------------------------
1 | import Message from '@components/Messages/Message';
2 |
3 | export default Message;
--------------------------------------------------------------------------------
/src/pages/messages/index.tsx:
--------------------------------------------------------------------------------
1 | import Messages from '@components/Messages';
2 |
3 | export default Messages;
--------------------------------------------------------------------------------
/src/pages/notifications.tsx:
--------------------------------------------------------------------------------
1 | import Notifications from '@components/Notifications'
2 |
3 | export default Notifications
--------------------------------------------------------------------------------
/src/pages/pin/[id].tsx:
--------------------------------------------------------------------------------
1 | import Pin from '@components/Pin'
2 | import { PinstaPublication } from '@utils/custom-types'
3 | import getApolloClient from '@utils/functions/getApolloClient'
4 | import { PublicationDetailsDocument } from '@utils/lens/generated'
5 | import { GetServerSideProps } from 'next'
6 |
7 | export default Pin
8 |
9 | const apolloClient = getApolloClient()
10 |
11 | interface Props {
12 | pin: PinstaPublication
13 | }
14 |
15 | export const getServerSideProps: GetServerSideProps
29 |
30 |
38 | Sign In Required
31 |
32 | Connect Wallet & Sign with Lens to continue,
33 |
34 |
35 |
37 |