Fixes #66

BUG: showing "velopert" instead of actual username

Author: velopert

velog-frontend/src/components/write/SubmitBox/SubmitBox.js

@@ -1,13 +1,10 @@
 // @flow
 import React, { Fragment, Component, type Node } from 'react';
 import onClickOutside from 'react-onclickoutside';
-import SettingsIcon from 'react-icons/lib/md/settings';
 import cx from 'classnames';
 import { Link } from 'react-router-dom';
 
 import './SubmitBox.scss';
-import SubmitBoxAdditional from '../SubmitBoxAdditional';
-import WriteVisibilitySelect from '../WriteVisibilitySelect';
 
 type Props = {
   isEditing: boolean,

velog-frontend/src/components/write/SubmitBoxAdditional/SubmitBoxAdditional.js

@@ -12,6 +12,7 @@ type Props = {
   meta: Meta,
   body: string,
   urlSlug: ?string,
+  username: string,
   onChangeShortDescription(e: SyntheticInputEvent<HTMLInputElement>): void,
   onChangeCodeTheme(e: SyntheticInputEvent<HTMLSelectElement>): void,
   onChangeUrlSlug(e: SyntheticInputEvent<HTMLInputElement>): void,
@@ -45,6 +46,7 @@ const codeThemes = [
 const SubmitBoxAdditional = ({
   realMeta,
   meta,
+  username,
   body,
   urlSlug,
   onChangeShortDescription,
@@ -79,7 +81,7 @@ const SubmitBoxAdditional = ({
       <section>
         <div className="section-title">URL</div>
         <div className="url">
-          <div className="base">/@velopert/</div>
+          <div className="base">/@{username}/</div>
           <input value={urlSlug} onChange={onChangeUrlSlug} />
         </div>
       </section>

velog-frontend/src/containers/write/SubmitBoxContainer.js

@@ -347,6 +347,7 @@ class SubmitBoxContainer extends Component<Props> {
               body={body}
               meta={meta}
               urlSlug={urlSlug}
+              username={username}
               realMeta={postData && postData.meta}
               onChangeCodeTheme={onChangeCodeTheme}
               onChangeShortDescription={onChangeShortDescription}