Feliday/Feliday-UI
5
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

load theme list in site-form.tsx

Browse source
This commit is contained in:
Felix Ableitner 2022-03-01 19:07:42 +01:00
parent 886a444e16
commit 7cd884ad92
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/shared/components/home/site-form.tsx
View file

@ -6,7 +6,7 @@ import { WebSocketService } from "../../services";
import { import {
authField, authField,
capitalizeFirstLetter, capitalizeFirstLetter,
themes, fetchThemeList,
wsClient, wsClient,
} from "../../utils"; } from "../../utils";
import { Spinner } from "../common/icon"; import { Spinner } from "../common/icon";
@ -21,6 +21,7 @@ interface SiteFormProps {
interface SiteFormState { interface SiteFormState {
siteForm: EditSite; siteForm: EditSite;
loading: boolean; loading: boolean;
themeList: string[];
} }
export class SiteForm extends Component<SiteFormProps, SiteFormState> { export class SiteForm extends Component<SiteFormProps, SiteFormState> {
@ -40,6 +41,7 @@ export class SiteForm extends Component<SiteFormProps, SiteFormState> {
auth: authField(), auth: authField(),
}, },
loading: false, loading: false,
themeList: [],
}; };
constructor(props: any, context: any) { constructor(props: any, context: any) {
@ -78,6 +80,11 @@ export class SiteForm extends Component<SiteFormProps, SiteFormState> {
} }
} }
async componentDidMount() {
this.state.themeList = await fetchThemeList();
this.setState(this.state);
}
// Necessary to stop the loading // Necessary to stop the loading
componentWillReceiveProps() { componentWillReceiveProps() {
this.state.loading = false; this.state.loading = false;
@ -336,7 +343,7 @@ export class SiteForm extends Component<SiteFormProps, SiteFormState> {
class="custom-select w-auto" class="custom-select w-auto"
> >
<option value="browser">{i18n.t("browser_default")}</option> <option value="browser">{i18n.t("browser_default")}</option>
{themes.map(theme => ( {this.state.themeList.map(theme => (
<option value={theme}>{theme}</option> <option value={theme}>{theme}</option>
))} ))}
</select> </select>