start of conversion of Calendar into a CollectionView

1 files changed, 3 insertions, 13 deletions

diff --git a/src/client/views/nodes/calendarBox/CalendarBox.tsx b/src/client/views/nodes/calendarBox/CalendarBox.tsx
index ca35d85b3..20650d648 100644
--- a/src/client/views/nodes/calendarBox/CalendarBox.tsx
+++ b/src/client/views/nodes/calendarBox/CalendarBox.tsx
@@ -12,21 +12,18 @@ import { Docs } from '../../../documents/Documents';
 import { ViewBoxBaseComponent } from '../../DocComponent';
 import { FieldView, FieldViewProps } from '../FieldView';
 import './CalendarBox.scss';
+import { CollectionSubView, SubCollectionViewProps } from '../../collections/CollectionSubView';
 
 type CalendarView = 'month' | 'multi-month' | 'week';
 
 @observer
-export class CalendarBox extends ViewBoxBaseComponent<FieldViewProps>() {
-    public static LayoutString(fieldKey: string = 'calendar') {
-        return FieldView.LayoutString(CalendarBox, fieldKey);
-    }
-
+export class CalendarBox extends CollectionSubView() {
     _calendarRef: HTMLDivElement | null = null;
     _calendar: Calendar | undefined;
     _oldWheel: HTMLElement | null = null;
     _observer: ResizeObserver | undefined;
 
-    constructor(props: FieldViewProps) {
+    constructor(props: SubCollectionViewProps) {
         super(props);
         makeObservable(this);
     }
@@ -78,9 +75,6 @@ export class CalendarBox extends ViewBoxBaseComponent<FieldViewProps>() {
         if (Math.abs(startDate.getDay() - endDate.getDay()) > 7) return 'month';
         return 'week';
     }
-    @computed get childDocs() {
-        return DocListCast(this.dataDoc[this.fieldKey]);
-    }
 
     eventToColor(event: Doc): string {
         // TODO: Return a different color based on the event type
@@ -149,7 +143,3 @@ export class CalendarBox extends ViewBoxBaseComponent<FieldViewProps>() {
         );
     }
 }
-Docs.Prototypes.TemplateMap.set(DocumentType.CALENDAR, {
-    layout: { view: CalendarBox, dataField: 'data' },
-    options: { acl: '', _layout_nativeDimEditable: true, _layout_reflowHorizontal: true, _layout_reflowVertical: true },
-});