diff --git a/src/components/panels/RendererPanel.jsx b/src/components/panels/RendererPanel.jsx
new file mode 100644
index 0000000..853d363
--- /dev/null
+++ b/src/components/panels/RendererPanel.jsx
@@ -0,0 +1,39 @@
+import React from 'react';
+import { Icon } from '$components/panels/Icon';
+
+type Props = {
+
+};
+
+export const RendererPanel = ({ onCancel, onSubmit }): Props => (
+
+
+
+
+
+
+
+
+
+
+
+
+
+);
diff --git a/src/components/panels/UserPanel.jsx b/src/components/panels/UserPanel.jsx
index 6039fea..71e97ce 100644
--- a/src/components/panels/UserPanel.jsx
+++ b/src/components/panels/UserPanel.jsx
@@ -93,7 +93,7 @@ export class Component extends React.PureComponent {
diff --git a/src/components/renderer/Renderer.jsx b/src/components/renderer/Renderer.jsx
index d79f1e2..9f61010 100644
--- a/src/components/renderer/Renderer.jsx
+++ b/src/components/renderer/Renderer.jsx
@@ -7,6 +7,7 @@ import Croppr from 'croppr';
import 'croppr/dist/croppr.css';
import { Icon } from '$components/panels/Icon';
import { LOGOS } from '$constants/logos';
+import { RendererPanel } from '$components/panels/RendererPanel';
type Props = {
data: String,
@@ -45,7 +46,7 @@ class Component extends React.Component {
this.logo.style.transform = `scale(${scale})`;
this.logoImg = document.createElement('img');
- this.logoImg.src = LOGOS[this.props.logo][1];
+ if (this.props.logo && LOGOS[this.props.logo][1]) this.logoImg.src = LOGOS[this.props.logo][1];
this.logo.append(this.logoImg);
regionEl.append(this.logo);
@@ -89,41 +90,10 @@ class Component extends React.Component {
-
-
-
-
-
-
-
-
-
-
-
-
-
+
);
}
diff --git a/src/redux/store.js b/src/redux/store.js
index 582b3a9..11f93dc 100644
--- a/src/redux/store.js
+++ b/src/redux/store.js
@@ -4,15 +4,12 @@ import { persistStore, persistReducer } from 'redux-persist';
import storage from 'redux-persist/lib/storage';
import createSagaMiddleware from 'redux-saga';
-// import createHistory from 'history/createBrowserHistory';
-// import { routerReducer, routerMiddleware } from 'react-router-redux';
-
import { userReducer } from '$redux/user/reducer';
import { userSaga } from '$redux/user/sagas';
const userPersistConfig = {
key: 'user',
- whitelist: ['user'],
+ whitelist: ['user', 'logo'],
storage,
};
@@ -39,13 +36,9 @@ export const store = createStore(
);
export function configureStore() {
- // run sagas
sagaMiddleware.run(userSaga);
const persistor = persistStore(store);
- return {
- store,
- persistor
- };
+ return { store, persistor };
}
diff --git a/src/styles/panel.less b/src/styles/panel.less
index 962eb10..9c14125 100644
--- a/src/styles/panel.less
+++ b/src/styles/panel.less
@@ -56,6 +56,12 @@
right: 10px;
}
+ &.center {
+ left: 50%;
+ right: auto;
+ transform: translateX(-50%);
+ }
+
button {
border: none;
background: transparent;