From dc7a7e2bd330611936638eea06638efafda4e2dd Mon Sep 17 00:00:00 2001 From: Jari Vetoniemi Date: Thu, 5 Nov 2020 15:34:22 +0900 Subject: Cleanup junk and fill the correct metadata --- public/index.html | 27 ++------------------------- public/manifest.json | 4 ++-- src/App.css | 38 -------------------------------------- src/App.js | 28 +++++++++++----------------- src/index.css | 13 ------------- src/index.js | 1 - src/logo.svg | 7 ------- 7 files changed, 15 insertions(+), 103 deletions(-) delete mode 100644 src/App.css delete mode 100644 src/index.css delete mode 100644 src/logo.svg diff --git a/public/index.html b/public/index.html index aa069f2..71c2c1f 100644 --- a/public/index.html +++ b/public/index.html @@ -7,37 +7,14 @@ - - - React App + DoujinSea
- diff --git a/public/manifest.json b/public/manifest.json index 080d6c7..ee48711 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -1,6 +1,6 @@ { - "short_name": "React App", - "name": "Create React App Sample", + "short_name": "DoujinSea", + "name": "DoujinSea", "icons": [ { "src": "favicon.ico", diff --git a/src/App.css b/src/App.css deleted file mode 100644 index 74b5e05..0000000 --- a/src/App.css +++ /dev/null @@ -1,38 +0,0 @@ -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} diff --git a/src/App.js b/src/App.js index a02ad84..9983022 100644 --- a/src/App.js +++ b/src/App.js @@ -40,11 +40,10 @@ import AccountCircleIcon from '@material-ui/icons/AccountCircle'; import StoreIcon from '@material-ui/icons/Store'; import LibraryBooksIcon from '@material-ui/icons/LibraryBooks'; import HelpOutlineIcon from '@material-ui/icons/HelpOutline'; -import Button from '@material-ui/core/Button'; import NavigateNextIcon from '@material-ui/icons/NavigateNext'; import NavigateBeforeIcon from '@material-ui/icons/NavigateBefore'; import Grow from '@material-ui/core/Grow'; -import { CarouselProvider, Slider, Slide, ButtonBack, ButtonNext, DotGroup } from 'pure-react-carousel'; +import { CarouselProvider, Slider, Slide, ButtonBack, ButtonNext } from 'pure-react-carousel'; import { useWindowDimensions } from './utils.js'; import 'pure-react-carousel/dist/react-carousel.es.css'; import 'fontsource-roboto'; @@ -60,6 +59,7 @@ const StyledBadge = withStyles((theme) => ({ function StoreItemDetails(props) { const { t } = useTranslation(); + const classes = makeStyles((theme) => ({ }))(); @@ -77,6 +77,7 @@ function StoreItemDetails(props) { function StoreItem(props) { const { t } = useTranslation(); + const classes = makeStyles((theme) => ({ media: { height: 180, position: 'relative' }, cat: { position: 'absolute', bottom: 4, left: 4 }, @@ -152,9 +153,11 @@ function StoreItemSkeleton(props) { function StoreSeparator(props) { const { t } = useTranslation(); + const classes = makeStyles((theme) => ({ root: { margin: 4 }, }))(); + return (
{t(props.title)} @@ -167,6 +170,7 @@ function StoreCarousel(props) { const { height, width } = useWindowDimensions(); const cols = Math.floor(width / 240); const tw = (cols > 1 ? (cols * 240 > width - 18 ? 240 - 20 : 240) : '100%') + const classes = makeStyles((theme) => ({ root: { paddingLeft: cols > 1 ? 18 : 4, paddingRight: cols > 1 ? 18 : 4 }, tile: { width: tw, marginRight: 'auto', marginLeft: 'auto' }, @@ -174,8 +178,10 @@ function StoreCarousel(props) { prev: { position: 'absolute', left: cols > 1 ? -15 : -4, top: '50%', backgroundColor: 'rgba(0, 0, 0, 0.5)', color: 'white' }, next: { position: 'absolute', right: cols > 1 ? -15 : -4, top: '50%', backgroundColor: 'rgba(0, 0, 0, 0.5)', color: 'white' }, }))(); + var skeletons = []; for (var i = 0; props.loading && i < cols; i += 1) skeletons.push({}); + return (
@@ -209,14 +215,17 @@ function StoreList(props) { const { height, width } = useWindowDimensions(); const cols = Math.floor(width / 240); const tw = (cols > 1 ? (cols * 240 > width - 18 ? 240 - 20 : 240) : '100%') + const classes = makeStyles((theme) => ({ list: { justifyContent: 'space-evenly', maxWidth: '100%' }, tile: { width: tw, marginRight: 'auto', marginLeft: 'auto' }, }))(); + var extra = []; for (var i = 0; i < cols - (props.data.length % cols); i += 1) extra.push({key: i}); var skeletons = []; for (var i2 = 0; props.loading && i2 < cols * (Math.floor(height / 240)) - cols * 2; i2 += 1) skeletons.push({key: i2}); + return (
1 ? 18 : 4, paddingRight: cols > 1 ? 18 : 4 }}> @@ -414,24 +423,9 @@ export default function Main() { }, }), [prefersDarkMode]); - const GlobalCss = withStyles({ - '@global': { - '#keywords-popup': { - padding: 0, - }, - '.KeywordList li': { - display: 'inline-block', - verticalAlign: 'top', - marginLeft: 4, - marginRight: 4, - }, - } - })(() => null); - return ( <> - diff --git a/src/index.css b/src/index.css deleted file mode 100644 index ec2585e..0000000 --- a/src/index.css +++ /dev/null @@ -1,13 +0,0 @@ -body { - margin: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', - sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -code { - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', - monospace; -} diff --git a/src/index.js b/src/index.js index e146c59..dbd3f8b 100644 --- a/src/index.js +++ b/src/index.js @@ -1,6 +1,5 @@ import React from 'react'; import ReactDOM from 'react-dom'; -import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; diff --git a/src/logo.svg b/src/logo.svg deleted file mode 100644 index 6b60c10..0000000 --- a/src/logo.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - -- cgit v1.2.3