Merge branch 'main' of https://gitlab.com/robossembler/webservice into 14-fix/sticky-objects

ui/src/core/repository/http_repository.ts

@@ -17,7 +17,6 @@ export class HttpError extends Error {
 
 export class HttpRepository {
   private server = "http://localhost:4001";
-
   public async _formDataRequest<T>(method: HttpMethod, url: string, data?: any): Promise<Result<HttpError, T>> {
     let formData = new FormData();
     formData.append("file", data);
@@ -33,7 +32,6 @@ export class HttpRepository {
     }
     return Result.ok(response.text as T);
   }
-
   public async _jsonRequest<T>(method: HttpMethod, url: string, data?: any): Promise<Result<HttpError, T>> {
     try {
       const reqInit = {
@@ -71,7 +69,6 @@ export class HttpRepository {
     }
     return Result.ok(response.text as T);
   }
-
   public async _jsonToClassInstanceRequest<T>(
     method: HttpMethod,
     url: string,

ui/src/features/p.tsx

@@ -0,0 +1,68 @@
+export {};
+// import React from "react";
+// import { CoreError, UiErrorState } from "../core/store/base_store";
+// import { SelectProjectStore } from "./select_project/presentation/select_project_store";
+
+// export declare type ClassConstructor<T> = {
+//   new (...args: any[]): T;
+// };
+// interface MobxReactComponentProps<T extends UiErrorState<CoreError>, ClassConstructor> {
+//   store: ClassConstructor;
+//   children: (element: T) => React.ReactElement;
+// }
+
+// class UiStateErrorComponent<T extends UiErrorState<CoreError>, K> extends React.Component<
+//   MobxReactComponentProps<T, K>,
+//   { store: T | undefined }
+// > {
+//   async componentDidMount(): Promise<void> {
+//     const store = this.props.store as ClassConstructor<T>;
+//     console.log(store);
+//     const s = new store();
+//     this.setState({ store: s });
+//     if (this.state !== null) {
+//       await this.state.store?.init();
+//     }
+//   }
+//   componentWillUnmount(): void {
+//     if (this.state.store !== undefined) {
+//       this.state.store.dispose();
+//     }
+//   }
+
+//   render() {
+//     if (this.state !== null) {
+//       if (this.state.store?.isLoading) {
+//         return <>Loading</>;
+//       }
+//       if (this.state.store !== undefined) {
+//         return this.props.children(this.state.store);
+//       }
+//     }
+
+//     return (
+//       <div>
+//         <>{this.props.children}</>
+//       </div>
+//     );
+//   }
+// }
+
+// export const ExampleScreen: React.FC = () => {
+//   return (
+//     <div>
+//       <UiStateErrorComponent<SelectProjectStore, {}> store={SelectProjectStore}>
+//         {(store) => {
+//           console.log(store);
+//           return (
+//             <div>
+//               {store.projects.map((el) => {
+//                 return <>{el}</>;
+//               })}
+//             </div>
+//           );
+//         }}
+//       </UiStateErrorComponent>
+//     </div>
+//   );
+// };

ui/src/features/scene_manager/presentation/components/static_asset_item_view.tsx

@@ -15,7 +15,6 @@ export function StaticAssetModelView(props: IStaticAssetModelViewProps) {
           backgroundColor: "ActiveBorder",
           padding: "10px",
           color: "white",
-
           textAlignLast: "center",
         }}
       >
@@ -32,7 +31,6 @@ export function StaticAssetModelView(props: IStaticAssetModelViewProps) {
           backgroundColor: "brown",
           padding: "10px",
           color: "white",
-
           textAlignLast: "center",
         }}
       >