@@ -1060,15 +1060,12 @@ export default class ReadwiseMirrorSettingTab extends PluginSettingTab {
1060
1060
. addTextArea ( ( text ) => {
1061
1061
const initialRows = 12 ;
1062
1062
text . inputEl . addClass ( 'settings-template-input' ) ;
1063
+ text . inputEl . id = 'frontmatter-template' ;
1063
1064
text . inputEl . rows = initialRows ;
1064
1065
text . inputEl . cols = 50 ;
1065
1066
1066
1067
const container = containerEl . createDiv ( ) ;
1067
1068
1068
- text . inputEl . addClass ( 'settings-template-input' ) ;
1069
- text . inputEl . rows = 12 ;
1070
- text . inputEl . cols = 50 ;
1071
-
1072
1069
// Create preview elements below textarea
1073
1070
const previewContainer = container . createDiv ( 'template-preview' ) ;
1074
1071
const previewTitle = previewContainer . createDiv ( {
@@ -1110,19 +1107,18 @@ export default class ReadwiseMirrorSettingTab extends PluginSettingTab {
1110
1107
if ( ! result . isValid ) {
1111
1108
errorNotice . setText ( 'Your Frontmatter contains invalid YAML' ) ;
1112
1109
errorDetails . setText ( result . error ) ;
1113
- errorDetails . show ( ) ;
1114
1110
1115
1111
if ( result . preview ) {
1116
1112
previewContent . setText ( result . preview ) ;
1117
- previewContainer . show ( ) ;
1118
1113
}
1119
- return ;
1114
+ } else {
1115
+ errorNotice . setText ( '' ) ;
1116
+ errorDetails . setText ( '' ) ;
1120
1117
}
1121
1118
1122
- errorNotice . setText ( '' ) ;
1123
- errorDetails . setText ( '' ) ;
1124
- errorDetails . hide ( ) ;
1125
- previewContainer . hide ( ) ;
1119
+ text . inputEl . toggleClass ( 'invalid-template' , ! result . isValid ) ;
1120
+ errorDetails . toggle ( ! result . isValid ) ;
1121
+ previewContainer . toggle ( ! result . isValid && result . preview !== '' ) ;
1126
1122
} ;
1127
1123
1128
1124
// Display rendered template on load
0 commit comments