Split Styles for modules into separate files

This commit is contained in:
2024-10-18 19:44:15 +02:00
parent f27f11e7c2
commit ac8ca1f886
7 changed files with 64 additions and 56 deletions

View File

@ -1,4 +1,5 @@
import React from 'react';
import React, {useEffect} from 'react';
import '../styles/footer.css';
export default function Footer(){
return (

View File

@ -1,4 +1,5 @@
import React from 'react';
import '../styles/header.css'
export default function Header(){
return (

View File

@ -3,6 +3,7 @@ import {MangaConnector} from "./MangaConnector";
import IMangaConnector from "./interfaces/IMangaConnector";
import {isValidUri} from "../App";
import IManga, {HTMLFromIManga} from "./interfaces/IManga";
import '../styles/search.css';
export default function Search(){
const [mangaConnectors, setConnectors] = useState<IMangaConnector[]>();
@ -104,7 +105,10 @@ export default function Search(){
<div>
{searchResults === undefined
? <p>No Results yet</p>
: searchResults.map(result => HTMLFromIManga(result))}
: searchResults.map(result => <div key={"searchResult."+result.internalId} className="searchResult">
{HTMLFromIManga(result)}
<button onClick={(e) => {Job.CreateJob(result.internalId, "MonitorManga", "03:00:00")}}>Monitor</button>
</div>)}
</div>
</div>)
}