comments

web/src/components/records/RecordEditModal.tsx

@@ -18,6 +18,7 @@ type Props = {
     createRecord(record: Record): Promise<void>
 }
 
+// convert enum RecordTypes to a list for select options.
 const recordTypeOptions = Object.entries(RecordTypes).filter(e => e[1] !== RecordTypes.RecordTypeSOA).map(e => {
     return {
         value: e[1],
@@ -246,6 +247,8 @@ export default function RecordEditModal({ open, record, onOk, onCancel, editReco
                 </Form.Item>
                 <Form.Item<Record> noStyle shouldUpdate={(p, c) => p.record_type !== c.record_type}>
                     {
+                        // load form for record type from the map 'controls'.
+                        // this is a dynamic form
                         ({ getFieldValue }: FormInstance<Record>) => {
                             const e = controls.get(getFieldValue('record_type'))
                             if (!e) {

web/src/main.tsx

@@ -1,3 +1,8 @@
+/*
+Web UI for reCoreD-UI
+Use React and ant-design now.
+JSX/TSX is cool! 
+*/
 import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App.tsx'