feat: map location frontend

package.json

@@ -72,7 +72,7 @@
     "@reduxjs/toolkit": "^1.8.3",
     "@solana/web3.js": "^1.87.6",
     "@tanstack/react-query": "^4.12.0",
-    "@types/leaflet": "^1.9.8",
+    "@types/leaflet": "^1.9.12",
     "@types/papaparse": "^5.3.14",
     "assert": "^2.1.0",
     "axios": "^1.6.2",

packages/components/FilePreview/AudioView.tsx

@@ -27,21 +27,19 @@ export const AudioView: React.FC<{
   imageURI?: string;
   duration: number;
   waveform: number[];
-  authorId: string;
   postId: string;
   fallbackImageURI?: string;
 }> = ({
   fileUrl,
   imageURI,
   duration,
   waveform,
-  authorId,
   postId,
   fallbackImageURI: fallbackImageSource,
 }) => {
   const { media, handlePlayPause, loadAndPlaySoundsQueue, playbackStatus } =
     useMediaPlayer();
-  const isInMediaPlayer = media?.postId === postId;
+  const isInMediaPlayer = !!media && postId === media.postId;
 
   const onPressPlayPause = async () => {
     if (isInMediaPlayer) {

packages/components/FilePreview/FilesPreviewsContainer.tsx

@@ -5,9 +5,6 @@ import { v4 as uuidv4 } from "uuid";
 import { EditableAudioPreview } from "./EditableAudioPreview";
 import { ImagesViews } from "./ImagesViews";
 import { VideoView } from "./VideoView";
-import { useSelectedNetworkId } from "../../hooks/useSelectedNetwork";
-import useSelectedWallet from "../../hooks/useSelectedWallet";
-import { getUserId } from "../../networks";
 import { GIF_MIME_TYPE } from "../../utils/mime";
 import { convertGIFToLocalFileType } from "../../utils/social-feed";
 import { layout } from "../../utils/style/layout";
@@ -30,10 +27,6 @@ export const FilesPreviewsContainer: React.FC<FilePreviewContainerProps> = ({
   onAudioUpdate,
   showSmallPreview = false,
 }) => {
-  const selectedWallet = useSelectedWallet();
-  const selectedNetworkId = useSelectedNetworkId();
-  const userId = getUserId(selectedNetworkId, selectedWallet?.address);
-
   const audioFiles = useMemo(
     () => files?.filter((file) => file.fileType === "audio"),
     [files],
@@ -82,7 +75,6 @@ export const FilesPreviewsContainer: React.FC<FilePreviewContainerProps> = ({
           file={file}
           onDelete={onDelete}
           isEditable
-          authorId={userId}
           showSmallPreview={showSmallPreview}
         />
       ))}

packages/components/FilePreview/VideoView.tsx

@@ -11,19 +11,17 @@ import { LocalFileData, RemoteFileData } from "../../utils/types/files";
 import { BrandText } from "../BrandText";
 import { MediaPlayerVideo } from "../mediaPlayer/MediaPlayerVideo";
 
-interface VideoPreviewProps {
+interface Props {
   file: LocalFileData | RemoteFileData;
   onDelete?: (file: LocalFileData | RemoteFileData) => void;
   isEditable?: boolean;
   postId?: string;
-  authorId: string;
   showSmallPreview?: boolean;
 }
 
-export const VideoView: React.FC<VideoPreviewProps> = ({
+export const VideoView: React.FC<Props> = ({
   file,
   onDelete,
-  authorId,
   postId,
   isEditable = false,
   showSmallPreview = false,

packages/components/IconBox.tsx

@@ -12,8 +12,8 @@ interface IconBoxProps {
   style?: StyleProp<ViewStyle>;
   disabled?: boolean;
   iconProps?: {
-    height: number;
-    width: number;
+    height?: number;
+    width?: number;
     color?: string;
   };
 }

packages/components/TopMenu/TopMenuLiveMint.tsx

@@ -17,7 +17,7 @@ import {
   COLLECTION_VIEW_SM_HEIGHT,
   COLLECTION_VIEW_SM_WIDTH,
 } from "../CollectionView";
-import { SmallCarousel } from "../carousels/SmallCarousel";
+import { SmallCarousel } from "../carousels/SmallCarousel/SmallCarousel";
 
 export const TopMenuLiveMint: React.FC = () => {
   const selectedNetworkId = useSelectedNetworkId();

packages/components/TopMenu/TopMenuMyTeritories.tsx

@@ -12,7 +12,7 @@ import FlexCol from "../FlexCol";
 import FlexRow from "../FlexRow";
 import { OmniLink } from "../OmniLink";
 import { LegacyTertiaryBox } from "../boxes/LegacyTertiaryBox";
-import { SmallCarousel } from "../carousels/SmallCarousel";
+import { SmallCarousel } from "../carousels/SmallCarousel/SmallCarousel";
 import { UserAvatarWithFrame } from "../images/AvatarWithFrame";
 
 const ORG_CARD_WIDTH = 164;