) => {
+ if (localResults && onlyResult) {
+ const fileKey = Object.keys(localResults).find((key) =>
+ key.startsWith(onlyResult.file.name),
+ )
+ if (fileKey) {
+ const resultClone = localResults[fileKey]
+ let url = updateEndpoint ? updateEndpoint : endpoint
+ if (url) {
+ const environment = process.env.NODE_ENV || "development"
+ const host = url.startsWith("http")
+ ? ""
+ : API_CONFIG.STATIC_HOST[environment as keyof object]
+ url = host + url
+ Network.put(url, resultClone).then((res) => {
+ if (res.status === 200) {
+ dispatch(
+ notify({
+ message: "Image updaetd successfully!",
+ type: ArAlertType.SUCCESS,
+ uid: uuid(),
+ }),
+ )
+ } else {
+ dispatch(
+ notify({
+ message: "Failed to update image!",
+ type: ArAlertType.ERROR,
+ uid: uuid(),
+ }),
+ )
+ }
+ })
+ } else {
+ dispatch(
+ notify({
+ message: "Missing image update URL",
+ type: ArAlertType.WARNING,
+ uid: uuid(),
+ }),
+ )
+ }
+ }
+ }
+ }
+
+ const inputRender = (
+
+ variant !== "compact" &&
+ !isLoading &&
+ !disabled &&
+ inputRef.current?.click()
+ }
+ >
+ {isAvatar ? (
+
+ ) : (
+ <>
+
+
+ {variant === "compact" ? (
+ <>
+
+ {message && (
+
+ {message}
+
+ )}
+
+
+ {variant !== "compact" &&
+ localResults &&
+ Object.keys(localResults).length > 0 && (
+
+
+ )}
+
+
+ {Object.entries(localResults).map(([fileName, result]) =>
+ uploadEntryRenderer ? (
+ uploadEntryRenderer(result, () => clear(fileName))
+ ) : (
+ clear(fileName)}
+ demo={!!demo}
+ disabled={!!disabled}
+ key={fileName}
+ result={result}
+ />
+ ),
+ )}
+
+ )
+
+ const uploaderRender = (
+ ) => e.preventDefault()}
+ onDragLeave={(e: MouseEvent) => e.preventDefault()}
+ >
+ {variant !== "compact" ? (
+ {
+ if (inputRef.current && !disabled) {
+ inputRef.current.files = e.dataTransfer.files
+ inputRef.current.dispatchEvent(
+ new Event("change", { bubbles: true, cancelable: true }),
+ )
+ }
+ }}
+ acceptTypes={[NativeTypes.FILE]}
+ hideHoverEffect={isAvatar || disabled}
+ >
+ {inputRender}
+
+ ) : (
+ inputRender
+ )}
+ {!isAvatar && errorRender}
+ {!isAvatar && resultsRender}
+
+ )
+
+ return uploaderRender
+ },
+ (prevProps, props) => {
+ return (
+ prevProps.acceptedFileTypes === props.acceptedFileTypes &&
+ prevProps.acceptedFileCount === props.acceptedFileCount &&
+ prevProps.allowMultiple === props.allowMultiple &&
+ prevProps.disabled === props.disabled &&
+ prevProps.errorMessage === props.errorMessage &&
+ prevProps.endpoint === props.endpoint &&
+ prevProps.fileSizeLimit === props.fileSizeLimit &&
+ JSON.stringify(prevProps.files) === JSON.stringify(props.files) &&
+ prevProps.message === props.message &&
+ prevProps.avatarSize === props.avatarSize &&
+ prevProps.variant === props.variant &&
+ prevProps.theme === props.theme &&
+ prevProps.uploadSequential === props.uploadSequential &&
+ prevProps.uploadButtonText === props.uploadButtonText &&
+ prevProps.uploadingButtonText === props.uploadingButtonText
+ )
+ },
+)
+
+export default Uploader
diff --git a/src/app/Router.tsx b/src/app/Router.tsx
deleted file mode 100644
index 6b12a09..0000000
--- a/src/app/Router.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { useRoutes } from "react-router-dom"
-import * as pages from "./pages"
-import Helper from "./utils/helper"
-import ROUTES from "./routes"
-
-Helper.populateComponentsInRoutes(ROUTES, pages)
-
-interface RouterProps {}
-
-const Router = (props: RouterProps): JSX.Element | null => useRoutes(ROUTES)
-
-export default Router
diff --git a/src/app/config/constants.ts b/src/app/config/constants.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/hooks.ts b/src/app/hooks.ts
deleted file mode 100644
index d72616b..0000000
--- a/src/app/hooks.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { TypedUseSelectorHook, useDispatch, useSelector } from "react-redux"
-import type { RootState, AppDispatch } from "./store"
-
-// Use throughout your app instead of plain `useDispatch` and `useSelector`
-export const useAppDispatch: () => AppDispatch = useDispatch
-export const useAppSelector: TypedUseSelectorHook = useSelector
diff --git a/src/app/pages/Home/Home.module.scss b/src/app/pages/Home/Home.module.scss
deleted file mode 100755
index 4aee5e2..0000000
--- a/src/app/pages/Home/Home.module.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.c-Home {
-
-}
diff --git a/src/app/pages/Home/Home.slice.ts b/src/app/pages/Home/Home.slice.ts
deleted file mode 100644
index 6e35a0c..0000000
--- a/src/app/pages/Home/Home.slice.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { createSlice } from "@reduxjs/toolkit"
-
-export interface HomeState {}
-
-const initialState: HomeState = {}
-
-export const homeSlice = createSlice({
- name: "home",
- initialState,
- reducers: {
- increment: (state) => {},
- },
- extraReducers: (builder) => {},
-})
-
-export const { increment } = homeSlice.actions
-
-export default homeSlice.reducer
diff --git a/src/app/pages/Home/Home.test.ts b/src/app/pages/Home/Home.test.ts
deleted file mode 100755
index b4c8c84..0000000
--- a/src/app/pages/Home/Home.test.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from "react"
-import Home from "./Home"
-
-describe("Home", () => {
- it("renders without error", () => {
-
- })
-})
\ No newline at end of file
diff --git a/src/app/pages/Home/Home.tsx b/src/app/pages/Home/Home.tsx
deleted file mode 100755
index c881f5d..0000000
--- a/src/app/pages/Home/Home.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react"
-import "./Home.module.scss"
-
-interface HomeProps {}
-
-const Home = props => {
- return (
-
- In Page Home
-
- )
-}
-
-export default Home
\ No newline at end of file
diff --git a/src/app/pages/Home/index.ts b/src/app/pages/Home/index.ts
deleted file mode 100755
index 50d1f40..0000000
--- a/src/app/pages/Home/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import Home from "./Home.jsx"
-
-export default Home
diff --git a/src/app/pages/index.ts b/src/app/pages/index.ts
deleted file mode 100755
index ba9140d..0000000
--- a/src/app/pages/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/* PLOP_INJECT_IMPORT */
-import Home from "./Home"
-
-export {
- /* PLOP_INJECT_EXPORT */
- Home,
-}
\ No newline at end of file
diff --git a/src/app/routes.ts b/src/app/routes.ts
deleted file mode 100644
index 4ba356b..0000000
--- a/src/app/routes.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-const ROUTES = [
- {
- path: "/",
- class: "landing",
- element: "Home",
- },
-]
-
-export default ROUTES
diff --git a/src/app/static/styles/global.scss b/src/app/static/styles/global.scss
deleted file mode 100644
index 7defc06..0000000
--- a/src/app/static/styles/global.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-html, body, #root {
- height: 100%;
- width: 100%;
-}
-
-body {
- margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
- 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
- sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
- monospace;
-}
diff --git a/src/app/store.ts b/src/app/store.ts
deleted file mode 100644
index c4249ae..0000000
--- a/src/app/store.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { configureStore, ThunkAction, Action } from "@reduxjs/toolkit"
-import counterReducer from "../features/counter/counterSlice"
-
-export const store = configureStore({
- reducer: {
- counter: counterReducer,
- },
-})
-
-export type AppDispatch = typeof store.dispatch
-export type RootState = ReturnType
-export type AppThunk = ThunkAction<
- ReturnType,
- RootState,
- unknown,
- Action
->
diff --git a/src/app/types/route.d.ts b/src/app/types/route.d.ts
deleted file mode 100644
index 29a8471..0000000
--- a/src/app/types/route.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-interface RouteConfig {
- path: String
- class?: String
- element: String | JSX.Element | null
- children?: Array
-}
diff --git a/src/app/utils/helper.tsx b/src/app/utils/helper.tsx
deleted file mode 100644
index 921dac2..0000000
--- a/src/app/utils/helper.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-class Helper {
- static populateComponentsInRoutes(routes: RouteConfig[], components: any) {
- routes &&
- routes.forEach((route) => {
- const Component: JSX.ElementType =
- components[route.element as keyof object]
- route.element =
- if (route.children) {
- Helper.populateComponentsInRoutes(route.children, components)
- }
- })
- }
-}
-
-export default Helper
diff --git a/src/features/counter/Counter.tsx b/src/features/counter/Counter.tsx
deleted file mode 100644
index cb01aa3..0000000
--- a/src/features/counter/Counter.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { useState } from "react"
-
-import { useAppSelector, useAppDispatch } from "../../app/hooks"
-import {
- decrement,
- increment,
- incrementByAmount,
- incrementAsync,
- incrementIfOdd,
- selectCount,
-} from "./counterSlice"
-
-export function Counter() {
- const count = useAppSelector(selectCount)
- const dispatch = useAppDispatch()
- const [incrementAmount, setIncrementAmount] = useState("2")
-
- const incrementValue = Number(incrementAmount) || 0
-
- return (
-
-
-
- {count}
-
-
-
- setIncrementAmount(e.target.value)}
- />
-
-
-
-
-