Changed interface to consts

js/src/types/sorting.model.ts

@@ -1,19 +1,13 @@
 import { EventSortField, SortDirection } from "./enums";
 
-export interface ISorting {
-  title: string;
-  orderBy: EventSortField;
-  direction: SortDirection;
-}
+export const SORTING_UPCOMING = {
+  title: "Upcoming Events",
+  orderBy: EventSortField.BEGINS_ON,
+  direction: SortDirection.ASC,
+};
 
-export class SortingUpcoming implements ISorting {
-  title = "Upcoming Events";
-  orderBy = EventSortField.BEGINS_ON;
-  direction = SortDirection.ASC;
-}
-
-export class SortingCreated implements ISorting {
-  title = "Recently created Events";
-  orderBy = EventSortField.INSERTED_AT;
-  direction = SortDirection.DESC;
-}
+export const SORTING_CREATED = {
+  title: "Recently created Events",
+  orderBy: EventSortField.INSERTED_AT,
+  direction: SortDirection.DESC,
+};

js/src/views/Home.vue

@@ -341,11 +341,7 @@ import RouteName from "../router/name";
 import { IEvent } from "../types/event.model";
 import DateComponent from "../components/Event/DateCalendarIcon.vue";
 import { CONFIG } from "../graphql/config";
-import {
-  ISorting,
-  SortingCreated,
-  SortingUpcoming,
-} from "../types/sorting.model";
+import { SORTING_UPCOMING, SORTING_CREATED } from "../types/sorting.model";
 import { IConfig } from "../types/config.model";
 import { IFollowedGroupEvent } from "../types/followedGroupEvent.model";
 import Subtitle from "../components/Utils/Subtitle.vue";
@@ -524,12 +520,12 @@ export default class Home extends Vue {
     );
   }
 
-  get sorting(): ISorting {
+  get sorting() {
     switch (this.config?.instanceHomepageSorting) {
       case InstanceHomepageSorting.UPCOMING:
-        return new SortingUpcoming();
+        return SORTING_UPCOMING;
       default:
-        return new SortingCreated();
+        return SORTING_CREATED;
     }
   }