File uploading store example

FilesUploadingStore.ts

import { observable, action, makeObservable } from 'mobx';

class FilesUIStore {
  constructor() {
    makeObservable(this, {
      isUploading: observable,
      uploadLoadProgress: observable,
      isCompressing: observable,
      dontShowProgress: observable,
      setIsUploading: action,
      setDontShowProgress: action,
      setUploadProgress: action,
      setCompressing: action,
    });
  }

  isUploading = false;

  uploadLoadProgress = 0;

  isCompressing = false;

  dontShowProgress = true;

  setIsUploading = (set: boolean) => {
    this.isUploading = set;
  };

  setDontShowProgress = (set: boolean) => {
    this.dontShowProgress = set;
  };

  setUploadProgress = (set: number) => {
    this.uploadLoadProgress = set;
  };

  setCompressing = (set: boolean) => {
    this.isCompressing = set;
  };
}

const singleton = new FilesUIStore();

export default singleton;