Pteroignore details

Author: DaneEveritt

resources/scripts/components/server/files/FileEditContainer.tsx

@@ -83,6 +83,17 @@ export default () => {
         <PageContentBlock>
             <FlashMessageRender byKey={'files:view'} className={'mb-4'}/>
             <FileManagerBreadcrumbs withinFileEditor={true} isNewFile={action !== 'edit'}/>
+            {(name || hash.replace(/^#/, '')).endsWith('.pteroignore') &&
+            <div className={'mb-4 p-4 border-l-4 bg-neutral-900 rounded border-cyan-400'}>
+                <p className={'text-neutral-300 text-sm'}>
+                    You're editing a <code className={'font-mono bg-black rounded py-px px-1'}>.pteroignore</code> file.
+                    Any files or directories listed in here will be excluded from backups. Wildcards are supported by
+                    using an asterisk (<code className={'font-mono bg-black rounded py-px px-1'}>*</code>). You can
+                    negate a prior rule by prepending an exclamation point
+                    (<code className={'font-mono bg-black rounded py-px px-1'}>!</code>).
+                </p>
+            </div>
+            }
             <FileNameModal
                 visible={modalVisible}
                 onDismissed={() => setModalVisible(false)}