filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-11-26 04:19:49 +03:00
Code Issues Packages Projects Releases Wiki Activity

fixed misspelling

Browse Source
This commit is contained in:
Martina 2021-09-17 18:35:21 -07:00
parent 37b9bac7b0
commit 4baf9f8807
2 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/core/Upload/Modal.js
View File

@ -377,14 +377,14 @@ const SummaryBox = () => {
const SummaryTable = ({ uploadSummary, viewer, fileLoading, retry, cancel, ...props }) => {
const [globalCarouselState, setGlobalCarouselState] = React.useState({
currentCarrousel: -1,
currentCarousel: -1,
currentObjects: viewer.library,
});
const handleFileClick = (fileIdx) => {
setGlobalCarouselState((prev) => ({
...prev,
currentCarrousel: fileIdx - (fileLoading?.length || 0),
currentCarousel: fileIdx - (fileLoading?.length || 0),
}));
};
@ -526,12 +526,12 @@ const SummaryTable = ({ uploadSummary, viewer, fileLoading, retry, cancel, ...pr
carouselType="ACTIVITY"
viewer={viewer}
objects={globalCarouselState.currentObjects}
index={globalCarouselState.currentCarrousel}
index={globalCarouselState.currentCarousel}
isMobile={props.isMobile}
onChange={(idx) =>
setGlobalCarouselState((prev) => ({
...prev,
currentCarrousel: idx - (fileLoading?.length || 0),
currentCarousel: idx - (fileLoading?.length || 0),
}))
}
isOwner={false}

27
scenes/SceneActivity/index.js
View File

@ -46,12 +46,12 @@ export default function SceneActivity({ page, viewer, external, onAction, ...pro
const nbrOfCardsInRow = useNbrOfCardsPerRow(divRef);
const [globalCarouselState, setGlobalCarouselState] = React.useState({
currentCarrousel: -1,
currentCarousel: -1,
currentObjects: [],
});
const handleFileClick = (fileIdx, groupFiles) =>
setGlobalCarouselState({ currentCarrousel: fileIdx, currentObjects: groupFiles });
console.log(globalCarouselState.currentCarrousel, globalCarouselState.currentObjects.length);
setGlobalCarouselState({ currentCarousel: fileIdx, currentObjects: groupFiles });
console.log(globalCarouselState.currentCarousel, globalCarouselState.currentObjects.length);
useIntersection({
ref: divRef,
@ -100,9 +100,9 @@ export default function SceneActivity({ page, viewer, external, onAction, ...pro
carouselType="ACTIVITY"
viewer={viewer}
objects={globalCarouselState.currentObjects}
index={globalCarouselState.currentCarrousel}
index={globalCarouselState.currentCarousel}
isMobile={props.isMobile}
onChange={(idx) => setGlobalCarouselState((prev) => ({ ...prev, currentCarrousel: idx }))}
onChange={(idx) => setGlobalCarouselState((prev) => ({ ...prev, currentCarousel: idx }))}
isOwner={false}
onAction={() => {}}
/>
@ -130,24 +130,29 @@ function useNbrOfCardsPerRow(ref) {
const isMobile = window.matchMedia(`(max-width: ${Constants.sizes.mobile}px)`).matches;
const responsiveKey = isMobile ? "mobile" : "desktop";
const { width: objectPreviewWidth, rowGap: objectPreviewGridRowGap } =
Constants.grids.object[responsiveKey];
const { width: objectPreviewWidth, rowGap: objectPreviewGridRowGap } = Constants.grids.object[
responsiveKey
];
NbrOfCardsInRow.object = calculateNbrOfCards({
width: objectPreviewWidth,
gap: objectPreviewGridRowGap,
});
const { width: collectionPreviewWidth, rowGap: collectionPreviewGridRowGap } =
Constants.grids.collection[responsiveKey];
const {
width: collectionPreviewWidth,
rowGap: collectionPreviewGridRowGap,
} = Constants.grids.collection[responsiveKey];
NbrOfCardsInRow.collection = calculateNbrOfCards({
width: collectionPreviewWidth,
gap: collectionPreviewGridRowGap,
});
const { width: profilePreviewWidth, rowGap: profilePreviewGridRowGap } =
Constants.grids.profile[responsiveKey];
const {
width: profilePreviewWidth,
rowGap: profilePreviewGridRowGap,
} = Constants.grids.profile[responsiveKey];
NbrOfCardsInRow.profile = calculateNbrOfCards({
width: profilePreviewWidth,
gap: profilePreviewGridRowGap,