47 lines
1.5 KiB
JavaScript
47 lines
1.5 KiB
JavaScript
/////////////////////////////////////////////////////////////
|
|
//
|
|
// pgAdmin 4 - PostgreSQL Tools
|
|
//
|
|
// Copyright (C) 2013 - 2025, The pgAdmin Development Team
|
|
// This software is released under the PostgreSQL Licence
|
|
//
|
|
//////////////////////////////////////////////////////////////
|
|
|
|
import gettext from 'sources/gettext';
|
|
import { FormHelperText, Box } from '@mui/material';
|
|
import React, { useMemo } from 'react';
|
|
import {InputSelect } from './FormComponents';
|
|
import PropTypes from 'prop-types';
|
|
import CustomPropTypes from '../custom_prop_types';
|
|
import HTMLReactParse from 'html-react-parser';
|
|
|
|
|
|
export default function SelectThemes({onChange, helpMessage, ...props}) {
|
|
const previewSrc = useMemo(()=>(props.options?.find((o)=>o.value==props.value)?.preview_src), [props.value]);
|
|
const cid = _.uniqueId('c');
|
|
const helpid = `h${cid}`;
|
|
return (
|
|
<>
|
|
<Box>
|
|
<InputSelect ref={props.inputRef} onChange={onChange} {...props} />
|
|
</Box>
|
|
<Box>
|
|
{ previewSrc && <>
|
|
<FormHelperText id={helpid} variant="outlined">{HTMLReactParse(helpMessage || '')}</FormHelperText>
|
|
<img style={{display: 'block', margin: 'auto', paddingTop: '4px'}} src={previewSrc} alt={gettext('Preview not available...')} />
|
|
</> }
|
|
</Box>
|
|
</>
|
|
);
|
|
}
|
|
|
|
SelectThemes.propTypes = {
|
|
value: PropTypes.string,
|
|
onChange: PropTypes.func,
|
|
controlProps: PropTypes.object,
|
|
fields: PropTypes.array,
|
|
options: PropTypes.array,
|
|
inputRef: CustomPropTypes.ref,
|
|
helpMessage: PropTypes.string
|
|
};
|