import React from 'react'; import SettingsSection from './SettingsSection'; import NumberInput from '../../../components/NumberInput'; import ToggleInput from '../../../components/ToggleInput'; /** * Media & Assets Settings Component * @param root0 * @param root0.settings * @param root0.updateSetting */ const MediaAssetsSettings = ( { settings, updateSetting } ) => { return (
updateSetting( 'siteLogo', value ) } min={ 0 } /> updateSetting( 'siteIcon', value ) } min={ 0 } /> { /* Image Sizes Section - Header spans full width */ }

Image Sizes

{ /* Thumbnail dimensions - side by side */ } updateSetting( 'thumbnailSizeW', value ) } min={ 0 } max={ 2000 } /> updateSetting( 'thumbnailSizeH', value ) } min={ 0 } max={ 2000 } /> { /* Medium dimensions - side by side */ } updateSetting( 'mediumSizeW', value ) } min={ 0 } max={ 2000 } /> updateSetting( 'mediumSizeH', value ) } min={ 0 } max={ 2000 } /> { /* Large dimensions - side by side */ } updateSetting( 'largeSizeW', value ) } min={ 0 } max={ 4000 } /> updateSetting( 'largeSizeH', value ) } min={ 0 } max={ 4000 } /> updateSetting( 'uploadsUseYearmonthFolders', value ) } />
); }; export default MediaAssetsSettings;