mirror of
https://github.com/Ernous/TorrServerJellyfin.git
synced 2025-12-19 21:46:11 +05:00
refactor
This commit is contained in:
@@ -13,7 +13,6 @@ import { useUpdateCache, useCreateCacheMap, useGetSettings } from './customHooks
|
|||||||
import DialogHeader from './DialogHeader'
|
import DialogHeader from './DialogHeader'
|
||||||
import TorrentCache from './TorrentCache'
|
import TorrentCache from './TorrentCache'
|
||||||
import {
|
import {
|
||||||
DetailedViewWrapper,
|
|
||||||
DetailedViewWidgetSection,
|
DetailedViewWidgetSection,
|
||||||
DetailedViewCacheSection,
|
DetailedViewCacheSection,
|
||||||
DialogContentGrid,
|
DialogContentGrid,
|
||||||
@@ -124,7 +123,7 @@ export default function DialogTorrentDetailsContent({ closeDialog, torrent }) {
|
|||||||
<CircularProgress />
|
<CircularProgress />
|
||||||
</div>
|
</div>
|
||||||
) : isDetailedCacheView ? (
|
) : isDetailedCacheView ? (
|
||||||
<DetailedViewWrapper>
|
<>
|
||||||
<DetailedViewWidgetSection>
|
<DetailedViewWidgetSection>
|
||||||
<SectionTitle mb={20}>Data</SectionTitle>
|
<SectionTitle mb={20}>Data</SectionTitle>
|
||||||
<WidgetWrapper detailedView>
|
<WidgetWrapper detailedView>
|
||||||
@@ -142,7 +141,7 @@ export default function DialogTorrentDetailsContent({ closeDialog, torrent }) {
|
|||||||
<SectionTitle mb={20}>Cache</SectionTitle>
|
<SectionTitle mb={20}>Cache</SectionTitle>
|
||||||
<TorrentCache cache={cache} cacheMap={cacheMap} />
|
<TorrentCache cache={cache} cacheMap={cacheMap} />
|
||||||
</DetailedViewCacheSection>
|
</DetailedViewCacheSection>
|
||||||
</DetailedViewWrapper>
|
</>
|
||||||
) : (
|
) : (
|
||||||
<DialogContentGrid>
|
<DialogContentGrid>
|
||||||
<MainSection>
|
<MainSection>
|
||||||
@@ -251,7 +250,7 @@ export default function DialogTorrentDetailsContent({ closeDialog, torrent }) {
|
|||||||
</Button>
|
</Button>
|
||||||
</CacheSection>
|
</CacheSection>
|
||||||
|
|
||||||
<TorrentFilesSection>
|
{/* <TorrentFilesSection>
|
||||||
<SectionTitle mb={20}>Torrent Content</SectionTitle>
|
<SectionTitle mb={20}>Torrent Content</SectionTitle>
|
||||||
|
|
||||||
{!playableFileList?.length ? (
|
{!playableFileList?.length ? (
|
||||||
@@ -309,7 +308,7 @@ export default function DialogTorrentDetailsContent({ closeDialog, torrent }) {
|
|||||||
</Table>
|
</Table>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
</TorrentFilesSection>
|
</TorrentFilesSection> */}
|
||||||
</DialogContentGrid>
|
</DialogContentGrid>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -2,7 +2,6 @@ import styled, { css } from 'styled-components'
|
|||||||
|
|
||||||
export const DialogContentGrid = styled.div`
|
export const DialogContentGrid = styled.div`
|
||||||
display: grid;
|
display: grid;
|
||||||
overflow: auto;
|
|
||||||
grid-template-columns: 70% 1fr;
|
grid-template-columns: 70% 1fr;
|
||||||
grid-template-rows: repeat(2, min-content);
|
grid-template-rows: repeat(2, min-content);
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
@@ -137,10 +136,6 @@ export const SectionHeader = styled.div`
|
|||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
`
|
`
|
||||||
|
|
||||||
export const DetailedViewWrapper = styled.div`
|
|
||||||
overflow: auto;
|
|
||||||
`
|
|
||||||
|
|
||||||
export const WidgetWrapper = styled.div`
|
export const WidgetWrapper = styled.div`
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fit, minmax(max-content, 220px));
|
grid-template-columns: repeat(auto-fit, minmax(max-content, 220px));
|
||||||
|
|||||||
Reference in New Issue
Block a user