@griddo/ax 1.55.13 → 1.56.1

package/src/components/Gallery/store.tsx

@@ -1,186 +0,0 @@
-import { isReqOk, compressImage } from "@ax/helpers";
-import { images, sites } from "@ax/api";
-
-const SET_DROP_DEPTH = "SET_DROP_DEPTH";
-const SET_IN_DROP_ZONE = "SET_IN_DROP_ZONE";
-const SET_IS_UPLOADING = "SET_IS_UPLOADING";
-const SET_UPLOAD_SUCCESS = "SET_UPLOAD_SUCCESS";
-const SET_UPLOAD_ERROR = "SET_UPLOAD_ERROR";
-const SET_INIT_FORM = "SET_INIT_FORM";
-const SET_FORM_FIELD = "SET_FORM_FIELD";
-const THUMB_WIDTH = 128;
-const THUMB_HEIGHT = 96;
-const MAX_SIZE = 10; // MB
-
-export const ITEMS_PER_PAGE = 50;
-
-export const reducer = (prevState: IGalleryStore, action: any): IGalleryStore => {
-  switch (action.type) {
-    case SET_DROP_DEPTH:
-      return { ...prevState, dropDepth: action.payload.dropDepth };
-    case SET_IN_DROP_ZONE:
-      return {
-        ...prevState,
-        inDropZone: action.payload.inDropZone,
-        isUploading: false,
-        isError: false,
-        isSuccess: false,
-        errorMsg: "",
-      };
-    case SET_IS_UPLOADING:
-      return { ...prevState, inDropZone: false, isUploading: true };
-    case SET_UPLOAD_SUCCESS:
-      return { ...prevState, isUploading: false, isSuccess: true };
-    case SET_UPLOAD_ERROR:
-      return { ...prevState, inDropZone: false, isUploading: false, isError: true, errorMsg: action.payload.msg };
-    case SET_INIT_FORM:
-      return {
-        ...prevState,
-        imageForm: {
-          id: action.payload.id,
-          alt: action.payload.alt,
-          title: action.payload.title,
-          description: action.payload.description,
-          tags: action.payload.tags,
-        },
-      };
-    case SET_FORM_FIELD:
-      return { ...prevState, imageForm: { ...prevState.imageForm, [action.payload.field]: action.payload.value } };
-    default:
-      return prevState;
-  }
-};
-
-export function setDropDepth(dropDepth: number) {
-  return { type: SET_DROP_DEPTH, payload: { dropDepth } };
-}
-
-export function setInDropZone(inDropZone: boolean) {
-  return { type: SET_IN_DROP_ZONE, payload: { inDropZone } };
-}
-
-export function setIsUploading() {
-  return { type: SET_IS_UPLOADING };
-}
-
-export function setUploadSuccess() {
-  return { type: SET_UPLOAD_SUCCESS };
-}
-
-export function setUploadError(errorMsg = "") {
-  return { type: SET_UPLOAD_ERROR, payload: { errorMsg } };
-}
-
-export function setInitForm(imageData: IImageForm) {
-  return {
-    type: SET_INIT_FORM,
-    payload: {
-      id: imageData.id,
-      title: imageData.title ? imageData.title : "",
-      alt: imageData.alt ? imageData.alt : "",
-      description: imageData.description ? imageData.description : "",
-      tags: imageData.tags ? imageData.tags : [],
-    },
-  };
-}
-
-export function setFormField(field: string, value: string) {
-  return { type: SET_FORM_FIELD, payload: { field, value } };
-}
-
-export const getSiteImages = async (props: IGetSiteImages): Promise<any> => {
-  const { site, page = 1, items = null, query, search } = props
-  try {
-    const result = await sites.getSiteImages(site, page, items, THUMB_WIDTH, THUMB_HEIGHT, query, search);
-    if (isReqOk(result.status)) {
-      return result.data.items;
-    }
-  } catch (e) {
-    console.log(e);
-  }
-  return false;
-};
-
-export const uploadImage = async (imageFile: File, site: number | string) => {
-  try {
-    const imageSize = imageFile.size / (1024 * 1024);
-    const image = imageSize >= MAX_SIZE ? await compressImage(imageFile, 9999, 9999, MAX_SIZE, false) : imageFile;
-
-    const form = new FormData();
-    form.append("file", image);
-    site && form.append("site", JSON.stringify(site));
-    const result = await images.createImage(form);
-    if (isReqOk(result.status)) {
-      return result.data;
-    }
-  } catch (e) {
-    console.log(e);
-  }
-  return false;
-};
-
-export const saveImageData = async (imageID: number, imageData: IImageForm) => {
-  try {
-    const result = await images.updateImage(imageID, imageData);
-    if (isReqOk(result.status)) {
-      return result.data;
-    }
-  } catch (e) {
-    console.log(e);
-  }
-  return false;
-};
-
-export const deleteImageData = async (imageID: number) => {
-  try {
-    const result = await images.deleteImage(imageID);
-    if (isReqOk(result.status)) {
-      return true;
-    }
-  } catch (e) {
-    console.log(e);
-  }
-  return false;
-};
-
-export const initialState: IGalleryStore = {
-  dropDepth: 0,
-  inDropZone: false,
-  isUploading: false,
-  isSuccess: false,
-  isError: false,
-  errorMsg: "",
-  imageForm: {
-    id: undefined,
-    alt: "",
-    title: "",
-    description: "",
-    tags: [],
-  },
-};
-
-interface IImageForm {
-  id?: number;
-  alt: string;
-  title: string;
-  description: string;
-  tags: string[];
-}
-
-interface IGalleryStore {
-  dropDepth: number;
-  inDropZone: boolean;
-  isUploading: boolean;
-  isSuccess: boolean;
-  isError: boolean;
-  errorMsg: string;
-  imageForm: IImageForm;
-}
-
-interface IGetSiteImages {
-  site: number | string;
-  page?: number;
-  items: number | null;
-  query?: string;
-  search?: string;
-}