{dataset.getTitle()}
+{dataset.title}
-
- )
-}
diff --git a/src/sections/dataset/dataset-citation/DatasetCitation.module.scss b/src/sections/dataset/dataset-citation/DatasetCitation.module.scss
index 4e3ecc9ea..4dfa0ae50 100644
--- a/src/sections/dataset/dataset-citation/DatasetCitation.module.scss
+++ b/src/sections/dataset/dataset-citation/DatasetCitation.module.scss
@@ -17,20 +17,11 @@ min-height: 150px;
border: 1px solid $dv-danger-color;
}
-.icon {
- color: #428BCA;
- font-size: 7.5em;
- line-height: 1.1;
-}
-
-.preview-image {
- width: 100%;
- max-width: 140px;
- height: auto;
- max-height: 140px;
-}
-
.row {
margin-right: -15px;
margin-left: -15px;
+}
+
+.thumbnail {
+ font-size: 7.5em;
}
\ No newline at end of file
diff --git a/src/sections/dataset/dataset-citation/DatasetCitation.tsx b/src/sections/dataset/dataset-citation/DatasetCitation.tsx
index 9b523c7c7..9f1450830 100644
--- a/src/sections/dataset/dataset-citation/DatasetCitation.tsx
+++ b/src/sections/dataset/dataset-citation/DatasetCitation.tsx
@@ -1,9 +1,10 @@
-import { Col, QuestionMarkTooltip, Row } from '@iqss/dataverse-design-system'
+import { Col, Row } from '@iqss/dataverse-design-system'
import styles from './DatasetCitation.module.scss'
import { useTranslation } from 'react-i18next'
import { DatasetPublishingStatus, DatasetVersion } from '../../../dataset/domain/models/Dataset'
-import parse from 'html-react-parser'
-import { CitationThumbnail } from './CitationThumbnail'
+import { DatasetThumbnail } from '../dataset-thumbnail/DatasetThumbnail'
+import { CitationDescription } from '../../shared/citation/CitationDescription'
+import { DatasetCitationTooltip } from './DatasetCitationTooltip'
interface DatasetCitationProps {
thumbnail?: string
@@ -23,16 +24,19 @@ export function DatasetCitation({ thumbnail, title, citation, version }: Dataset
: styles.container
}>
@@ -52,35 +56,3 @@ export function DatasetCitation({ thumbnail, title, citation, version }: Dataset
)
}
-
-function CitationDescription({ citation, version }: { citation: string; version: DatasetVersion }) {
- const citationAsReactElement = parse(citation)
-
- return (
-
- {citationAsReactElement}
-
}
return (
- {`${startIndex} to ${endIndex} of ${fileCount} Files`}
+ 
+ }
+
+ return
- 
-
- )
-}
diff --git a/src/sections/home/Home.tsx b/src/sections/home/Home.tsx
new file mode 100644
index 000000000..803e2a1d6
--- /dev/null
+++ b/src/sections/home/Home.tsx
@@ -0,0 +1,20 @@
+import { Row } from '@iqss/dataverse-design-system'
+import { useTranslation } from 'react-i18next'
+import { DatasetRepository } from '../../dataset/domain/repositories/DatasetRepository'
+import { DatasetsList } from './datasets-list/DatasetsList'
+interface HomeProps {
+ datasetRepository: DatasetRepository
+}
+
+export function Home({ datasetRepository }: HomeProps) {
+ const { t } = useTranslation('home')
+
+ return (
+
+
+
+
+ )
+}
diff --git a/src/sections/home/HomeFactory.tsx b/src/sections/home/HomeFactory.tsx
new file mode 100644
index 000000000..f37a69caa
--- /dev/null
+++ b/src/sections/home/HomeFactory.tsx
@@ -0,0 +1,10 @@
+import { ReactElement } from 'react'
+import { Home } from './Home'
+import { DatasetJSDataverseRepository } from '../../dataset/infrastructure/repositories/DatasetJSDataverseRepository'
+
+const datasetRepository = new DatasetJSDataverseRepository()
+export class HomeFactory {
+ static create(): ReactElement {
+ return (
+ new DatasetPaginationInfo()
+ )
+ const { datasets, isLoading } = useDatasets(datasetRepository, setPaginationInfo, paginationInfo)
+
+ useEffect(() => {
+ setIsLoading(isLoading)
+ }, [isLoading])
+
+ if (isLoading) {
+ return
+ {datasets.length === NO_DATASETS ? (
+
+ )
+}
diff --git a/src/sections/home/datasets-list/DatasetsListSkeleton.tsx b/src/sections/home/datasets-list/DatasetsListSkeleton.tsx
new file mode 100644
index 000000000..b07bc39d3
--- /dev/null
+++ b/src/sections/home/datasets-list/DatasetsListSkeleton.tsx
@@ -0,0 +1,26 @@
+import styles from './DatasetsList.module.scss'
+import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'
+
+export function DatasetsListSkeleton() {
+ return (
+
+
+
+
+
+
+ )
+}
diff --git a/src/sections/home/datasets-list/NoDatasetsMessage.tsx b/src/sections/home/datasets-list/NoDatasetsMessage.tsx
new file mode 100644
index 000000000..a7ad3cfc0
--- /dev/null
+++ b/src/sections/home/datasets-list/NoDatasetsMessage.tsx
@@ -0,0 +1,24 @@
+import styles from './DatasetsList.module.scss'
+import { Trans, useTranslation } from 'react-i18next'
+import { useSession } from '../../session/SessionContext'
+import { Route } from '../../Route.enum'
+
+export function NoDatasetsMessage() {
+ const { t } = useTranslation('home')
+ const { user } = useSession()
+
+ return (
+
+
+ )
+}
diff --git a/src/sections/home/datasets-list/dataset-card/DatasetCardHeader.tsx b/src/sections/home/datasets-list/dataset-card/DatasetCardHeader.tsx
new file mode 100644
index 000000000..9e927b2fc
--- /dev/null
+++ b/src/sections/home/datasets-list/dataset-card/DatasetCardHeader.tsx
@@ -0,0 +1,25 @@
+import styles from './DatasetCard.module.scss'
+import { LinkToPage } from '../../../shared/link-to-page/LinkToPage'
+import { Route } from '../../../Route.enum'
+import { DatasetLabels } from '../../../dataset/dataset-labels/DatasetLabels'
+import { DatasetPreview } from '../../../../dataset/domain/models/DatasetPreview'
+import { DatasetIcon } from '../../../dataset/dataset-icon/DatasetIcon'
+
+interface DatasetCardHeaderProps {
+ dataset: DatasetPreview
+}
+export function DatasetCardHeader({ dataset }: DatasetCardHeaderProps) {
+ return (
+ ([])
+ const [isLoading, setIsLoading] = useState(true)
+ const [totalDatasetsCount, setTotalDatasetsCount] = useState()
+
+ const fetchTotalDatasetsCount: () => Promise = () => {
+ return getTotalDatasetsCount(datasetRepository)
+ .then((totalDatasetsCount: TotalDatasetsCount) => {
+ setTotalDatasetsCount(totalDatasetsCount)
+ if (totalDatasetsCount !== paginationInfo.totalItems) {
+ onPaginationInfoChange(paginationInfo.withTotal(totalDatasetsCount))
+ }
+ return totalDatasetsCount
+ })
+ .catch(() => {
+ throw new Error('There was an error getting the datasets count info')
+ })
+ }
+ const fetchDatasets = (totalDatasetsCount: TotalDatasetsCount) => {
+ if (typeof totalDatasetsCount !== 'undefined') {
+ if (totalDatasetsCount === 0) {
+ setIsLoading(false)
+ return
+ }
+ return getDatasets(datasetRepository, paginationInfo.withTotal(totalDatasetsCount))
+ .then((datasets: DatasetPreview[]) => {
+ setDatasets(datasets)
+ setIsLoading(false)
+ return datasets
+ })
+ .catch(() => {
+ throw new Error('There was an error getting the datasets')
+ })
+ }
+ }
+
+ useEffect(() => {
+ setIsLoading(true)
+
+ fetchTotalDatasetsCount()
+ .then((totalDatasetsCount) => fetchDatasets(totalDatasetsCount))
+ .catch(() => {
+ console.error('There was an error getting the datasets')
+ setIsLoading(false)
+ })
+ }, [datasetRepository, paginationInfo.page])
+
+ return {
+ datasets,
+ totalDatasetsCount,
+ isLoading
+ }
+}
diff --git a/src/sections/layout/header/Header.tsx b/src/sections/layout/header/Header.tsx
index e83b454be..7121bd1f1 100644
--- a/src/sections/layout/header/Header.tsx
+++ b/src/sections/layout/header/Header.tsx
@@ -3,22 +3,31 @@ import { useTranslation } from 'react-i18next'
import { Navbar } from '@iqss/dataverse-design-system'
import { Route } from '../../Route.enum'
import { useSession } from '../../session/SessionContext'
+import { useNavigate } from 'react-router-dom'
+const currentPage = 0
export function Header() {
const { t } = useTranslation('header')
const { user, logout } = useSession()
+ const navigate = useNavigate()
const baseRemoteUrl = import.meta.env.VITE_DATAVERSE_BACKEND_URL as string
+ const onLogoutClick = () => {
+ void logout().then(() => {
+ navigate(currentPage)
+ })
+ }
+
return (
{user ? (
-
+
{t('logOut')}
diff --git a/src/sections/session/SessionContext.ts b/src/sections/session/SessionContext.ts
index 4840d510a..5bafb77cf 100644
--- a/src/sections/session/SessionContext.ts
+++ b/src/sections/session/SessionContext.ts
@@ -4,12 +4,12 @@ import { User } from '../../users/domain/models/User'
interface SessionContextProps {
user: User | null
setUser: (user: User) => void
- logout: () => void
+ logout: () => Promise
}
export const SessionContext = createContext({
user: null,
setUser: () => {},
- logout: () => {}
+ logout: () => Promise.resolve()
})
export const useSession = () => useContext(SessionContext)
diff --git a/src/sections/session/SessionProvider.tsx b/src/sections/session/SessionProvider.tsx
index 56fa07d81..4fb95b74b 100644
--- a/src/sections/session/SessionProvider.tsx
+++ b/src/sections/session/SessionProvider.tsx
@@ -20,7 +20,7 @@ export function SessionProvider({ repository, children }: PropsWithChildren {
- logOut(repository)
+ return logOut(repository)
.then(() => {
setUser(null)
})
diff --git a/src/sections/shared/citation/CitationDescription.tsx b/src/sections/shared/citation/CitationDescription.tsx
new file mode 100644
index 000000000..eb2730bd2
--- /dev/null
+++ b/src/sections/shared/citation/CitationDescription.tsx
@@ -0,0 +1,11 @@
+import parse from 'html-react-parser'
+
+interface CitationDescriptionProps {
+ citation: string
+}
+
+export function CitationDescription({ citation }: CitationDescriptionProps) {
+ const citationAsReactElement = parse(citation)
+
+ return {citationAsReactElement}
+}
diff --git a/src/sections/shared/link-to-page/LinkToPage.tsx b/src/sections/shared/link-to-page/LinkToPage.tsx
new file mode 100644
index 000000000..dd38a28af
--- /dev/null
+++ b/src/sections/shared/link-to-page/LinkToPage.tsx
@@ -0,0 +1,20 @@
+import { Link } from 'react-router-dom'
+import { PropsWithChildren } from 'react'
+import { Route } from '../../Route.enum'
+
+interface LinkToPageProps {
+ page: Route
+ searchParams?: Record
+}
+
+export function LinkToPage({ children, page, searchParams }: PropsWithChildren) {
+ const searchParamsString: string = searchParams ? '?' + encodeSearchParamsToURI(searchParams) : ''
+
+ return {children}
+}
+
+const encodeSearchParamsToURI = (searchParams: Record) => {
+ return Object.entries(searchParams)
+ .map(([key, value]) => `${key}=${value}`)
+ .join('&')
+}
diff --git a/src/sections/dataset/dataset-files/files-pagination/PageNumbersButtons.tsx b/src/sections/shared/pagination/PageNumbersButtons.tsx
similarity index 100%
rename from src/sections/dataset/dataset-files/files-pagination/PageNumbersButtons.tsx
rename to src/sections/shared/pagination/PageNumbersButtons.tsx
diff --git a/src/sections/dataset/dataset-files/files-pagination/PageNumbersButtonsWithEllipsis.tsx b/src/sections/shared/pagination/PageNumbersButtonsWithEllipsis.tsx
similarity index 100%
rename from src/sections/dataset/dataset-files/files-pagination/PageNumbersButtonsWithEllipsis.tsx
rename to src/sections/shared/pagination/PageNumbersButtonsWithEllipsis.tsx
diff --git a/src/sections/dataset/dataset-files/files-pagination/PageSizeSelector.tsx b/src/sections/shared/pagination/PageSizeSelector.tsx
similarity index 80%
rename from src/sections/dataset/dataset-files/files-pagination/PageSizeSelector.tsx
rename to src/sections/shared/pagination/PageSizeSelector.tsx
index a5acbf945..2378453df 100644
--- a/src/sections/dataset/dataset-files/files-pagination/PageSizeSelector.tsx
+++ b/src/sections/shared/pagination/PageSizeSelector.tsx
@@ -1,20 +1,24 @@
-import styles from './FilesPagination.module.scss'
+import styles from './Pagination.module.scss'
import { useTranslation } from 'react-i18next'
export function PageSizeSelector({
+ itemName,
pageSize,
setPageSize
}: {
+ itemName: string
pageSize: number
setPageSize: (pageSize: number) => void
}) {
- const { t } = useTranslation('files')
+ const { t } = useTranslation('pagination')
const availableSizes = [10, 25, 50]
return (
diff --git a/src/sections/shared/pagination/PaginationResultsInfo.tsx b/src/sections/shared/pagination/PaginationResultsInfo.tsx
new file mode 100644
index 000000000..df57ad701
--- /dev/null
+++ b/src/sections/shared/pagination/PaginationResultsInfo.tsx
@@ -0,0 +1,23 @@
+import styles from './Pagination.module.scss'
+import { PaginationInfo } from '../../../shared/domain/models/PaginationInfo'
+import { useTranslation } from 'react-i18next'
+import { DatasetPaginationInfo } from '../../../dataset/domain/models/DatasetPaginationInfo'
+import { FilePaginationInfo } from '../../../files/domain/models/FilePaginationInfo'
+
+interface PaginationResultsInfoProps {
+ paginationInfo: PaginationInfo
+}
+
+export function PaginationResultsInfo({ paginationInfo }: PaginationResultsInfoProps) {
+ const { t } = useTranslation('pagination')
+ return (
+
+ {t('results', {
+ start: paginationInfo.pageStartItem,
+ end: paginationInfo.pageEndItem,
+ total: paginationInfo.totalItems,
+ item: paginationInfo.itemName
+ })}
+
+ )
+}
diff --git a/src/shared/domain/helpers/DateHelper.ts b/src/shared/domain/helpers/DateHelper.ts
new file mode 100644
index 000000000..021ec2a68
--- /dev/null
+++ b/src/shared/domain/helpers/DateHelper.ts
@@ -0,0 +1,9 @@
+export class DateHelper {
+ static toDisplayFormat(date: Date): string {
+ return date.toLocaleDateString(Intl.DateTimeFormat().resolvedOptions().locale, {
+ year: 'numeric',
+ month: 'short',
+ day: 'numeric'
+ })
+ }
+}
diff --git a/src/shared/domain/models/PaginationInfo.ts b/src/shared/domain/models/PaginationInfo.ts
new file mode 100644
index 000000000..c21822b7c
--- /dev/null
+++ b/src/shared/domain/models/PaginationInfo.ts
@@ -0,0 +1,72 @@
+export class PaginationInfo> {
+ constructor(
+ public readonly page: number = 1,
+ public readonly pageSize: number = 10,
+ public readonly totalItems: number = 0,
+ public readonly itemName: string = 'Item'
+ ) {}
+
+ get offset(): number {
+ return (this.page - 1) * this.pageSize
+ }
+
+ get pageStartItem(): number {
+ return (this.page - 1) * this.pageSize + 1
+ }
+
+ get pageEndItem(): number {
+ return Math.min(this.pageStartItem + this.pageSize - 1, this.totalItems)
+ }
+
+ withTotal(total: number): T {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ return new (this.constructor as new (...args: any[]) => T)(this.page, this.pageSize, total)
+ }
+ goToPage(page: number): T {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ return new (this.constructor as new (...args: any[]) => T)(page, this.pageSize, this.totalItems)
+ }
+
+ goToPreviousPage(): T {
+ if (!this.previousPage) throw new Error('No previous page')
+ return this.goToPage(this.previousPage)
+ }
+
+ goToNextPage(): T {
+ if (!this.nextPage) throw new Error('No next page')
+ return this.goToPage(this.nextPage)
+ }
+
+ withPageSize(pageSize: number): T {
+ const getNewPage = (oldPageSize: number, newPageSize: number) => {
+ const newPage = Math.ceil(((this.page - 1) * oldPageSize + 1) / newPageSize)
+ return newPage > 0 ? newPage : 1
+ }
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ return new (this.constructor as new (...args: any[]) => T)(
+ getNewPage(this.pageSize, pageSize),
+ pageSize,
+ this.totalItems
+ )
+ }
+
+ get totalPages(): number {
+ return Math.ceil(this.totalItems / this.pageSize)
+ }
+
+ get hasPreviousPage(): boolean {
+ return this.page > 1
+ }
+
+ get hasNextPage(): boolean {
+ return this.page < this.totalPages
+ }
+
+ get previousPage(): number | undefined {
+ return this.hasPreviousPage ? this.page - 1 : undefined
+ }
+
+ get nextPage(): number | undefined {
+ return this.hasNextPage ? this.page + 1 : undefined
+ }
+}
diff --git a/src/stories/WithLayout.tsx b/src/stories/WithLayout.tsx
index 2dc1dcc0d..34a5af36d 100644
--- a/src/stories/WithLayout.tsx
+++ b/src/stories/WithLayout.tsx
@@ -1,16 +1,14 @@
import { StoryFn } from '@storybook/react'
-import { MemoryRouter as Router, Routes, Route } from 'react-router-dom'
+import { Routes, Route } from 'react-router-dom'
import { Layout } from '../sections/layout/Layout'
import { LoadingProvider } from '../sections/loading/LoadingProvider'
export const WithLayout = (Story: StoryFn) => (
-
-
-
-
+
+
)
diff --git a/src/stories/WithLoggedInUser.tsx b/src/stories/WithLoggedInUser.tsx
index 75a5878a4..233c46e6f 100644
--- a/src/stories/WithLoggedInUser.tsx
+++ b/src/stories/WithLoggedInUser.tsx
@@ -5,7 +5,7 @@ import { UserMother } from '../../tests/component/users/domain/models/UserMother
export const WithLoggedInUser = (Story: StoryFn) => {
return (
{}, setUser: () => {} }}>
+ value={{ user: UserMother.create(), logout: () => Promise.resolve(), setUser: () => {} }}>
)
diff --git a/src/stories/dataset/DatasetLoadingMockRepository.ts b/src/stories/dataset/DatasetLoadingMockRepository.ts
new file mode 100644
index 000000000..b7051afc7
--- /dev/null
+++ b/src/stories/dataset/DatasetLoadingMockRepository.ts
@@ -0,0 +1,10 @@
+import { DatasetMockRepository } from './DatasetMockRepository'
+import { DatasetPaginationInfo } from '../../dataset/domain/models/DatasetPaginationInfo'
+import { DatasetPreview } from '../../dataset/domain/models/DatasetPreview'
+
+export class DatasetLoadingMockRepository extends DatasetMockRepository {
+ // eslint-disable-next-line unused-imports/no-unused-vars
+ getAll(paginationInfo: DatasetPaginationInfo): Promise {
+ return new Promise(() => {})
+ }
+}
diff --git a/src/stories/dataset/DatasetMockRepository.ts b/src/stories/dataset/DatasetMockRepository.ts
new file mode 100644
index 000000000..9ffa083ed
--- /dev/null
+++ b/src/stories/dataset/DatasetMockRepository.ts
@@ -0,0 +1,49 @@
+import { Dataset } from '../../dataset/domain/models/Dataset'
+import { DatasetRepository } from '../../dataset/domain/repositories/DatasetRepository'
+import { DatasetMother } from '../../../tests/component/dataset/domain/models/DatasetMother'
+import { TotalDatasetsCount } from '../../dataset/domain/models/TotalDatasetsCount'
+import { DatasetPaginationInfo } from '../../dataset/domain/models/DatasetPaginationInfo'
+import { DatasetPreview } from '../../dataset/domain/models/DatasetPreview'
+import { DatasetPreviewMother } from '../../../tests/component/dataset/domain/models/DatasetPreviewMother'
+
+export class DatasetMockRepository implements DatasetRepository {
+ // eslint-disable-next-line unused-imports/no-unused-vars
+ getAll(paginationInfo: DatasetPaginationInfo): Promise {
+ return new Promise((resolve) => {
+ setTimeout(() => {
+ resolve(DatasetPreviewMother.createManyRealistic(paginationInfo.pageSize))
+ }, 1000)
+ })
+ }
+
+ getTotalDatasetsCount(): Promise {
+ return new Promise((resolve) => {
+ setTimeout(() => {
+ resolve(200)
+ }, 1000)
+ })
+ }
+
+ getByPersistentId(
+ // eslint-disable-next-line unused-imports/no-unused-vars
+ persistentId: string,
+ // eslint-disable-next-line unused-imports/no-unused-vars
+ version?: string | undefined
+ ): Promise {
+ return new Promise((resolve) => {
+ setTimeout(() => {
+ resolve(DatasetMother.createRealistic())
+ }, 1000)
+ })
+ }
+ getByPrivateUrlToken(
+ // eslint-disable-next-line unused-imports/no-unused-vars
+ privateUrlToken: string
+ ): Promise {
+ return new Promise((resolve) => {
+ setTimeout(() => {
+ resolve(DatasetMother.createRealistic())
+ }, 1000)
+ })
+ }
+}
diff --git a/src/stories/dataset/NoDatasetsMockRepository.ts b/src/stories/dataset/NoDatasetsMockRepository.ts
new file mode 100644
index 000000000..b5fa7b41c
--- /dev/null
+++ b/src/stories/dataset/NoDatasetsMockRepository.ts
@@ -0,0 +1,22 @@
+import { DatasetMockRepository } from './DatasetMockRepository'
+import { DatasetPaginationInfo } from '../../dataset/domain/models/DatasetPaginationInfo'
+import { DatasetPreview } from '../../dataset/domain/models/DatasetPreview'
+import { TotalDatasetsCount } from '../../dataset/domain/models/TotalDatasetsCount'
+export class NoDatasetsMockRepository extends DatasetMockRepository {
+ // eslint-disable-next-line unused-imports/no-unused-vars
+ getAll(paginationInfo: DatasetPaginationInfo): Promise {
+ return new Promise((resolve) => {
+ setTimeout(() => {
+ resolve([])
+ }, 1000)
+ })
+ }
+
+ getTotalDatasetsCount(): Promise {
+ return new Promise((resolve) => {
+ setTimeout(() => {
+ resolve(0)
+ }, 1000)
+ })
+ }
+}
diff --git a/src/stories/dataset/WithDataset.tsx b/src/stories/dataset/WithDataset.tsx
index 6c1df0ddf..b559c9532 100644
--- a/src/stories/dataset/WithDataset.tsx
+++ b/src/stories/dataset/WithDataset.tsx
@@ -1,23 +1,10 @@
import { StoryFn } from '@storybook/react'
import { DatasetProvider } from '../../sections/dataset/DatasetProvider'
import { DatasetRepository } from '../../dataset/domain/repositories/DatasetRepository'
-import { Dataset } from '../../dataset/domain/models/Dataset'
-import { DatasetMother } from '../../../tests/component/dataset/domain/models/DatasetMother'
+import { DatasetMockRepository } from './DatasetMockRepository'
export const WithDataset = (Story: StoryFn) => {
- const datasetRepository = {} as DatasetRepository
- datasetRepository.getByPersistentId = (
- // eslint-disable-next-line unused-imports/no-unused-vars
- persistentId: string,
- // eslint-disable-next-line unused-imports/no-unused-vars
- version?: string | undefined
- ): Promise => {
- return new Promise((resolve) => {
- setTimeout(() => {
- resolve(DatasetMother.createRealistic())
- }, 1000)
- })
- }
+ const datasetRepository: DatasetRepository = new DatasetMockRepository()
return (
= {
- title: 'Sections/Dataset Page/DatasetFiles/FilesPagination',
- component: FilesPagination,
- decorators: [WithI18next]
-}
-
-export default meta
-type Story = StoryObj
-
-const emptyFunction = () => {}
-export const Default: Story = {
- render: () => (
- = {
- title: 'Pages/Hello Dataverse',
- component: HelloDataverse,
- decorators: [WithI18next, WithLayout]
-}
-
-export default meta
-type Story = StoryObj
-
-export const Default: Story = {
- render: () => = {
+ title: 'Pages/Home',
+ component: Home,
+ decorators: [WithI18next, WithLayout]
+}
+
+export default meta
+type Story = StoryObj
+
+export const Default: Story = {
+ render: () => = {
+ title: 'Sections/Home/DatasetCard',
+ component: DatasetCard,
+ decorators: [WithI18next]
+}
+
+export default meta
+type Story = StoryObj
+
+export const Default: Story = {
+ render: () => = {
+ title: 'Sections/Home/DatasetsList',
+ component: DatasetsList,
+ decorators: [WithI18next]
+}
+
+export default meta
+type Story = StoryObj
+
+export const Default: Story = {
+ render: () => = {
+ title: 'Sections/Home/NoDatasetsMessage',
+ component: Home,
+ decorators: [WithI18next]
+}
+
+export default meta
+type Story = StoryObj
+
+export const AnonymousUser: Story = {
+ render: () => = {
+ title: 'Sections/Shared/Pagination/PaginationControls',
+ component: PaginationControls,
+ decorators: [WithI18next]
+}
+
+export default meta
+type Story = StoryObj
+
+const emptyFunction = () => {}
+export const Default: Story = {
+ render: () => (
+ (10, 10, 200)
+ }
+ onPaginationInfoChange={emptyFunction}
+ />
+ )
+}
+
+export const NoEllipsis: Story = {
+ render: () => (
+ (1, 10, 100)
+ }
+ onPaginationInfoChange={emptyFunction}
+ />
+ )
+}
diff --git a/tests/component/dataset/domain/models/DatasetMother.ts b/tests/component/dataset/domain/models/DatasetMother.ts
index 635785501..e20b2c496 100644
--- a/tests/component/dataset/domain/models/DatasetMother.ts
+++ b/tests/component/dataset/domain/models/DatasetMother.ts
@@ -2,6 +2,7 @@ import { faker } from '@faker-js/faker'
import {
ANONYMIZED_FIELD_VALUE,
Dataset,
+ DatasetLabel,
DatasetDownloadUrls,
DatasetLabelSemanticMeaning,
DatasetLabelValue,
@@ -195,6 +196,45 @@ export class DatasetLockMother {
}
}
+export class DatasetLabelsMother {
+ static create(): DatasetLabel[] {
+ return [{ value: 'Version 1.0', semanticMeaning: DatasetLabelSemanticMeaning.FILE }]
+ }
+
+ static createDraft(): DatasetLabel[] {
+ return [
+ {
+ value: DatasetLabelValue.UNPUBLISHED,
+ semanticMeaning: DatasetLabelSemanticMeaning.WARNING
+ },
+ { value: DatasetLabelValue.DRAFT, semanticMeaning: DatasetLabelSemanticMeaning.DATASET }
+ ]
+ }
+
+ static createDeaccessioned(): DatasetLabel[] {
+ return [
+ {
+ value: DatasetLabelValue.DEACCESSIONED,
+ semanticMeaning: DatasetLabelSemanticMeaning.DANGER
+ }
+ ]
+ }
+}
+
+export class DatasetCitationMother {
+ static create(): string {
+ return 'Finch, Fiona, 2023, "Darwin\'s Finches", https://doi.org/10.5072/FK2/0YFWKL, Root, V1'
+ }
+
+ static createDraft(): string {
+ return 'Finch, Fiona, 2023, "Darwin\'s Finches", https://doi.org/10.5072/FK2/0YFWKL, Root, DRAFT VERSION'
+ }
+
+ static createDeaccessioned(): string {
+ return 'Finch, Fiona, 2023, "Darwin\'s Finches", https://doi.org/10.5072/FK2/0YFWKL, Root, V1, DEACCESSIONED VERSION'
+ }
+}
+
export class DatasetFileDownloadSizeMother {
static create(props?: Partial): FileDownloadSize {
return new FileDownloadSize(
@@ -235,6 +275,10 @@ export class DatasetMother {
return undefined
}
+ static createMany(count: number): Dataset[] {
+ return Array.from({ length: count }, () => this.create())
+ }
+
static create(props?: Partial): Dataset {
const dataset = {
persistentId: faker.datatype.uuid(),
@@ -247,24 +291,7 @@ export class DatasetMother {
uri: 'https://creativecommons.org/publicdomain/zero/1.0/',
iconUri: 'https://licensebuttons.net/p/zero/1.0/88x31.png'
},
- labels: [
- {
- value: DatasetLabelValue.IN_REVIEW,
- semanticMeaning: faker.helpers.arrayElement(Object.values(DatasetLabelSemanticMeaning))
- },
- {
- value: DatasetLabelValue.EMBARGOED,
- semanticMeaning: faker.helpers.arrayElement(Object.values(DatasetLabelSemanticMeaning))
- },
- {
- value: DatasetLabelValue.UNPUBLISHED,
- semanticMeaning: faker.helpers.arrayElement(Object.values(DatasetLabelSemanticMeaning))
- },
- {
- value: `Version ${faker.lorem.word()}`,
- semanticMeaning: faker.helpers.arrayElement(Object.values(DatasetLabelSemanticMeaning))
- }
- ],
+ labels: DatasetLabelsMother.create(),
summaryFields: [
{
name: MetadataBlockName.CITATION,
diff --git a/tests/component/dataset/domain/models/DatasetPreviewMother.ts b/tests/component/dataset/domain/models/DatasetPreviewMother.ts
new file mode 100644
index 000000000..83e080ff9
--- /dev/null
+++ b/tests/component/dataset/domain/models/DatasetPreviewMother.ts
@@ -0,0 +1,68 @@
+import { faker } from '@faker-js/faker'
+import { DatasetPreview } from '../../../../../src/dataset/domain/models/DatasetPreview'
+import { DatasetCitationMother, DatasetLabelsMother, DatasetVersionMother } from './DatasetMother'
+
+export class DatasetPreviewMother {
+ static createMany(count: number): DatasetPreview[] {
+ return Array.from({ length: count }, () => this.create())
+ }
+
+ static createManyRealistic(count: number): DatasetPreview[] {
+ return Array.from({ length: count }, () => this.createRealistic())
+ }
+
+ static create(props?: Partial): DatasetPreview {
+ const datasetPreview = {
+ persistentId: faker.datatype.uuid(),
+ title: faker.lorem.sentence(),
+ labels: DatasetLabelsMother.create(),
+ isDeaccessioned: faker.datatype.boolean(),
+ thumbnail: faker.datatype.boolean() ? faker.image.imageUrl() : undefined,
+ releaseOrCreateDate: faker.date.past(),
+ version: DatasetVersionMother.create(),
+ citation: DatasetCitationMother.create(),
+ description: faker.lorem.paragraph(),
+ ...props
+ }
+
+ return new DatasetPreview(
+ datasetPreview.persistentId,
+ datasetPreview.title,
+ datasetPreview.version,
+ datasetPreview.citation,
+ datasetPreview.labels,
+ datasetPreview.isDeaccessioned,
+ datasetPreview.releaseOrCreateDate,
+ datasetPreview.description,
+ datasetPreview.thumbnail
+ )
+ }
+
+ static createRealistic(): DatasetPreview {
+ return faker.datatype.boolean() ? this.createDraft() : this.createDeaccessioned()
+ }
+
+ static createDraft(): DatasetPreview {
+ return this.create({
+ isDeaccessioned: false,
+ labels: DatasetLabelsMother.createDraft(),
+ citation: DatasetCitationMother.createDraft()
+ })
+ }
+
+ static createWithThumbnail(): DatasetPreview {
+ return this.create({ thumbnail: faker.image.imageUrl(), isDeaccessioned: false })
+ }
+
+ static createWithNoThumbnail(): DatasetPreview {
+ return this.create({ thumbnail: undefined, isDeaccessioned: false })
+ }
+
+ static createDeaccessioned(): DatasetPreview {
+ return this.create({
+ isDeaccessioned: true,
+ labels: DatasetLabelsMother.createDeaccessioned(),
+ citation: DatasetCitationMother.createDeaccessioned()
+ })
+ }
+}
diff --git a/tests/component/sections/dataset/Dataset.spec.tsx b/tests/component/sections/dataset/Dataset.spec.tsx
index 70b899057..783479fed 100644
--- a/tests/component/sections/dataset/Dataset.spec.tsx
+++ b/tests/component/sections/dataset/Dataset.spec.tsx
@@ -41,7 +41,7 @@ describe('Dataset', () => {
mountWithDataset(
diff --git a/tests/component/sections/dataset/dataset-icon/DatasetIcon.spec.tsx b/tests/component/sections/dataset/dataset-icon/DatasetIcon.spec.tsx
new file mode 100644
index 000000000..163759a50
--- /dev/null
+++ b/tests/component/sections/dataset/dataset-icon/DatasetIcon.spec.tsx
@@ -0,0 +1,9 @@
+import { DatasetIcon } from '../../../../../src/sections/dataset/dataset-icon/DatasetIcon'
+
+describe('DatasetIcon', () => {
+ it('renders the dataset icon', () => {
+ cy.customMount(
- {t(`table.date.${date.type}`)}{' '}
- {date.date.toLocaleDateString(Intl.DateTimeFormat().resolvedOptions().locale, {
- year: 'numeric',
- month: 'short',
- day: 'numeric'
- })}
+ {t(`table.date.${date.type}`)} {DateHelper.toDisplayFormat(date.date)}
)
diff --git a/src/sections/dataset/dataset-files/files-table/file-info/file-info-cell/file-info-data/FileEmbargoDate.tsx b/src/sections/dataset/dataset-files/files-table/file-info/file-info-cell/file-info-data/FileEmbargoDate.tsx
index 4c61171b9..50db565fa 100644
--- a/src/sections/dataset/dataset-files/files-table/file-info/file-info-cell/file-info-data/FileEmbargoDate.tsx
+++ b/src/sections/dataset/dataset-files/files-table/file-info/file-info-cell/file-info-data/FileEmbargoDate.tsx
@@ -1,5 +1,6 @@
import { FileEmbargo, FilePublishingStatus } from '../../../../../../../files/domain/models/File'
import { useTranslation } from 'react-i18next'
+import { DateHelper } from '../../../../../../../shared/domain/helpers/DateHelper'
interface FileEmbargoDateProps {
embargo: FileEmbargo | undefined
@@ -17,11 +18,7 @@ export function FileEmbargoDate({ embargo, publishingStatus }: FileEmbargoDatePr
{t(embargoTypeOfDate(embargo.isActive, publishingStatus))}{' '}
- {embargo.dateAvailable.toLocaleDateString(Intl.DateTimeFormat().resolvedOptions().locale, {
- year: 'numeric',
- month: 'short',
- day: 'numeric'
- })}
+ {DateHelper.toDisplayFormat(embargo.dateAvailable)}
)
diff --git a/src/sections/dataset/dataset-files/files-table/row-selection/useFileSelection.ts b/src/sections/dataset/dataset-files/files-table/row-selection/useFileSelection.ts
index ede451ad0..6fe2a12eb 100644
--- a/src/sections/dataset/dataset-files/files-table/row-selection/useFileSelection.ts
+++ b/src/sections/dataset/dataset-files/files-table/row-selection/useFileSelection.ts
@@ -1,8 +1,8 @@
import { useEffect, useState } from 'react'
-import { FilePaginationInfo } from '../../../../../files/domain/models/FilePaginationInfo'
import { File } from '../../../../../files/domain/models/File'
import { Row } from '@tanstack/react-table'
import { RowSelection } from '../useFilesTable'
+import { FilePaginationInfo } from '../../../../../files/domain/models/FilePaginationInfo'
export type FileSelection = {
[key: string]: File | undefined
@@ -61,7 +61,7 @@ export function useFileSelection(
const selectAllFiles = () => {
setCurrentPageRowSelection(createRowSelection(paginationInfo.pageSize))
- const totalFilesFileSelection = createFileSelection(paginationInfo.totalFiles)
+ const totalFilesFileSelection = createFileSelection(paginationInfo.totalItems)
const newFileSelection = { ...totalFilesFileSelection, ...fileSelection }
setFileSelection(newFileSelection)
}
diff --git a/src/sections/dataset/dataset-files/files-table/useFilesTable.tsx b/src/sections/dataset/dataset-files/files-table/useFilesTable.tsx
index b403e9782..0d4f35fd1 100644
--- a/src/sections/dataset/dataset-files/files-table/useFilesTable.tsx
+++ b/src/sections/dataset/dataset-files/files-table/useFilesTable.tsx
@@ -2,8 +2,8 @@ import { useEffect, useState } from 'react'
import { File } from '../../../../files/domain/models/File'
import { getCoreRowModel, Row, useReactTable } from '@tanstack/react-table'
import { createColumnsDefinition } from './FilesTableColumnsDefinition'
-import { FilePaginationInfo } from '../../../../files/domain/models/FilePaginationInfo'
import { useFileSelection } from './row-selection/useFileSelection'
+import { FilePaginationInfo } from '../../../../files/domain/models/FilePaginationInfo'
export type RowSelection = {
[key: string]: boolean
diff --git a/src/sections/dataset/dataset-files/useFiles.tsx b/src/sections/dataset/dataset-files/useFiles.tsx
index 538da0921..ce628deb3 100644
--- a/src/sections/dataset/dataset-files/useFiles.tsx
+++ b/src/sections/dataset/dataset-files/useFiles.tsx
@@ -5,11 +5,11 @@ import { getFilesByDatasetPersistentId } from '../../../files/domain/useCases/ge
import { FileCriteria } from '../../../files/domain/models/FileCriteria'
import { FilesCountInfo } from '../../../files/domain/models/FilesCountInfo'
import { getFilesCountInfoByDatasetPersistentId } from '../../../files/domain/useCases/getFilesCountInfoByDatasetPersistentId'
-import { FilePaginationInfo } from '../../../files/domain/models/FilePaginationInfo'
import { useFilePermissions } from '../../file/file-permissions/FilePermissionsContext'
import { FilePermission } from '../../../files/domain/models/FileUserPermissions'
import { DatasetVersion } from '../../../dataset/domain/models/Dataset'
import { getFilesTotalDownloadSize } from '../../../files/domain/useCases/getFilesTotalDownloadSize'
+import { FilePaginationInfo } from '../../../files/domain/models/FilePaginationInfo'
export function useFiles(
filesRepository: FileRepository,
@@ -33,7 +33,7 @@ export function useFiles(
)
.then((filesCountInfo: FilesCountInfo) => {
setFilesCountInfo(filesCountInfo)
- if (filesCountInfo.total !== paginationInfo.totalFiles) {
+ if (filesCountInfo.total !== paginationInfo.totalItems) {
onPaginationInfoChange(paginationInfo.withTotal(filesCountInfo.total))
}
return filesCountInfo
diff --git a/src/sections/dataset/dataset-icon/DatasetIcon.module.scss b/src/sections/dataset/dataset-icon/DatasetIcon.module.scss
new file mode 100644
index 000000000..4025c0bbe
--- /dev/null
+++ b/src/sections/dataset/dataset-icon/DatasetIcon.module.scss
@@ -0,0 +1,6 @@
+@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module";
+
+.icon {
+ color: $dv-info-border-color;
+ line-height: 1.1;
+}
\ No newline at end of file
diff --git a/src/sections/dataset/dataset-icon/DatasetIcon.tsx b/src/sections/dataset/dataset-icon/DatasetIcon.tsx
new file mode 100644
index 000000000..ac68ba92b
--- /dev/null
+++ b/src/sections/dataset/dataset-icon/DatasetIcon.tsx
@@ -0,0 +1,10 @@
+import styles from './DatasetIcon.module.scss'
+import { Icon, IconName } from '@iqss/dataverse-design-system'
+
+export function DatasetIcon() {
+ return (
+
+
+ )
+}
diff --git a/src/sections/dataset/dataset-thumbnail/DatasetThumbnail.module.scss b/src/sections/dataset/dataset-thumbnail/DatasetThumbnail.module.scss
new file mode 100644
index 000000000..a464f4dc4
--- /dev/null
+++ b/src/sections/dataset/dataset-thumbnail/DatasetThumbnail.module.scss
@@ -0,0 +1,6 @@
+.preview-image {
+ width: 100%;
+ max-width: 140px;
+ height: auto;
+ max-height: 140px;
+}
\ No newline at end of file
diff --git a/src/sections/dataset/dataset-thumbnail/DatasetThumbnail.tsx b/src/sections/dataset/dataset-thumbnail/DatasetThumbnail.tsx
new file mode 100644
index 000000000..628cdd8ac
--- /dev/null
+++ b/src/sections/dataset/dataset-thumbnail/DatasetThumbnail.tsx
@@ -0,0 +1,16 @@
+import styles from './DatasetThumbnail.module.scss'
+import { DatasetIcon } from '../dataset-icon/DatasetIcon'
+
+interface DatasetThumbnailProps {
+ thumbnail?: string
+ title: string
+ isDeaccessioned?: boolean
+}
+
+export function DatasetThumbnail({ thumbnail, title, isDeaccessioned }: DatasetThumbnailProps) {
+ if (thumbnail && !isDeaccessioned) {
+ return {t('title')}
-
-
{t('title')}
+
+
+ {datasets.map((dataset) => (
+
+
+
+ {user ? (
+
+
+ )}
+
+ )
+}
diff --git a/src/sections/home/datasets-list/dataset-card/DatasetCard.module.scss b/src/sections/home/datasets-list/dataset-card/DatasetCard.module.scss
new file mode 100644
index 000000000..92f7696b2
--- /dev/null
+++ b/src/sections/home/datasets-list/dataset-card/DatasetCard.module.scss
@@ -0,0 +1,71 @@
+@use 'sass:color';
+@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module";
+@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/typography.module";
+
+.container {
+ margin: 6px 0;
+ padding: 4px 10px;
+ border: 1px solid $dv-info-border-color;
+}
+
+.header {
+ display: flex;
+ justify-content: space-between;
+}
+
+.title {
+ display: flex;
+
+ > * {
+ margin-right: .5em;
+ }
+}
+
+.icon {
+ margin-top: 2px;
+ font-size: 1.3em;
+
+ > div >span {
+ margin-right: 0;
+ }
+}
+
+.thumbnail {
+ width: 48px;
+ margin: 8px 12px 6px 0;
+ font-size: 2.8em;
+
+ img {
+ vertical-align: top;
+ }
+}
+
+.info {
+ display: flex;
+}
+
+.description {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ font-size: $dv-font-size-sm;
+}
+
+.date {
+ color: $dv-subtext-color;
+
+}
+
+.citation-box {
+ margin-top: 4px;
+ margin-bottom: .5em;
+ padding: 4px;
+ background-color: color.adjust($dv-primary-color, $lightness: 51%) ;
+}
+
+.citation-box-deaccessioned {
+ margin-top: 4px;
+ margin-bottom: .5em;
+ padding: 4px;
+ background-color: color.adjust($dv-danger-box-color, $lightness: 6%);
+}
\ No newline at end of file
diff --git a/src/sections/home/datasets-list/dataset-card/DatasetCard.tsx b/src/sections/home/datasets-list/dataset-card/DatasetCard.tsx
new file mode 100644
index 000000000..6fe1f807e
--- /dev/null
+++ b/src/sections/home/datasets-list/dataset-card/DatasetCard.tsx
@@ -0,0 +1,21 @@
+import { DatasetPreview } from '../../../../dataset/domain/models/DatasetPreview'
+import styles from './DatasetCard.module.scss'
+import { DatasetCardHeader } from './DatasetCardHeader'
+import { DatasetCardThumbnail } from './DatasetCardThumbnail'
+import { DatasetCardInfo } from './DatasetCardInfo'
+
+interface DatasetCardProps {
+ dataset: DatasetPreview
+}
+
+export function DatasetCard({ dataset }: DatasetCardProps) {
+ return (
+ {t('noDatasetsMessage.authenticated')}
+ ) : ( ++ This dataverse currently has no datasets. Please log in to + see if you are able to add to it. +
+
+
+
+
+ )
+}
diff --git a/src/sections/home/datasets-list/dataset-card/DatasetCardInfo.tsx b/src/sections/home/datasets-list/dataset-card/DatasetCardInfo.tsx
new file mode 100644
index 000000000..76a03a645
--- /dev/null
+++ b/src/sections/home/datasets-list/dataset-card/DatasetCardInfo.tsx
@@ -0,0 +1,23 @@
+import styles from './DatasetCard.module.scss'
+import { DateHelper } from '../../../../shared/domain/helpers/DateHelper'
+import { DatasetPreview } from '../../../../dataset/domain/models/DatasetPreview'
+import { CitationDescription } from '../../../shared/citation/CitationDescription'
+
+interface DatasetCardInfoProps {
+ dataset: DatasetPreview
+}
+
+export function DatasetCardInfo({ dataset }: DatasetCardInfoProps) {
+ return (
+
+
+ {dataset.title}
+
+
+
+
+
+ {DateHelper.toDisplayFormat(dataset.releaseOrCreateDate)}
+
+
+ )
+}
diff --git a/src/sections/home/datasets-list/dataset-card/DatasetCardThumbnail.tsx b/src/sections/home/datasets-list/dataset-card/DatasetCardThumbnail.tsx
new file mode 100644
index 000000000..cba65b215
--- /dev/null
+++ b/src/sections/home/datasets-list/dataset-card/DatasetCardThumbnail.tsx
@@ -0,0 +1,23 @@
+import styles from './DatasetCard.module.scss'
+import { DatasetPreview } from '../../../../dataset/domain/models/DatasetPreview'
+import { LinkToPage } from '../../../shared/link-to-page/LinkToPage'
+import { Route } from '../../../Route.enum'
+import { DatasetThumbnail } from '../../../dataset/dataset-thumbnail/DatasetThumbnail'
+
+interface DatasetCardThumbnailProps {
+ dataset: DatasetPreview
+}
+
+export function DatasetCardThumbnail({ dataset }: DatasetCardThumbnailProps) {
+ return (
+
+
+
+
+ )
+}
diff --git a/src/sections/home/datasets-list/useDatasets.tsx b/src/sections/home/datasets-list/useDatasets.tsx
new file mode 100644
index 000000000..8bb900423
--- /dev/null
+++ b/src/sections/home/datasets-list/useDatasets.tsx
@@ -0,0 +1,65 @@
+import { useEffect, useState } from 'react'
+import { DatasetRepository } from '../../../dataset/domain/repositories/DatasetRepository'
+import { getDatasets } from '../../../dataset/domain/useCases/getDatasets'
+import { getTotalDatasetsCount } from '../../../dataset/domain/useCases/getTotalDatasetsCount'
+import { TotalDatasetsCount } from '../../../dataset/domain/models/TotalDatasetsCount'
+import { DatasetPaginationInfo } from '../../../dataset/domain/models/DatasetPaginationInfo'
+import { DatasetPreview } from '../../../dataset/domain/models/DatasetPreview'
+
+export function useDatasets(
+ datasetRepository: DatasetRepository,
+ onPaginationInfoChange: (paginationInfo: DatasetPaginationInfo) => void,
+ paginationInfo: DatasetPaginationInfo
+) {
+ const [datasets, setDatasets] = useState
- {dataset ? {dataset.getTitle()} : Dataset Not Found}
+ {dataset ? {dataset.title} : Dataset Not Found}
{isLoading &&
)
@@ -39,7 +39,7 @@ describe('DatasetProvider', () => {
cy.findByText('Loading...').should('exist')
cy.wrap(datasetRepository.getByPersistentId).should('be.calledOnceWith', dataset.persistentId)
- cy.findByText(dataset.getTitle()).should('exist')
+ cy.findByText(dataset.title).should('exist')
cy.findByText('Loading...').should('not.exist')
})
@@ -60,7 +60,7 @@ describe('DatasetProvider', () => {
dataset.persistentId,
'draft'
)
- cy.findByText(dataset.getTitle()).should('exist')
+ cy.findByText(dataset.title).should('exist')
cy.findByText('Loading...').should('not.exist')
})
@@ -80,7 +80,7 @@ describe('DatasetProvider', () => {
'be.calledOnce',
'some-private-url-token'
)
- cy.findByText(dataset.getTitle()).should('exist')
+ cy.findByText(dataset.title).should('exist')
cy.findByText('Loading...').should('not.exist')
})
diff --git a/tests/component/sections/dataset/dataset-citation/CitationThumbnail.spec.tsx b/tests/component/sections/dataset/dataset-citation/CitationThumbnail.spec.tsx
deleted file mode 100644
index c73ab2359..000000000
--- a/tests/component/sections/dataset/dataset-citation/CitationThumbnail.spec.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { DatasetPublishingStatus } from '../../../../../src/dataset/domain/models/Dataset'
-import { CitationThumbnail } from '../../../../../src/sections/dataset/dataset-citation/CitationThumbnail'
-
-describe('CitationThumbnail', () => {
- it('renders the dataset icon when there is no thumbnail', () => {
- cy.customMount(
- Loading...
}
Files count: {paginationInfo.totalFiles}
+ Files count: {paginationInfo.totalItems}
Files total download size: {filesTotalDownloadSize}