remove twitter publish ui

Author: dittos

web/frontend/js/ui/AddRecordDialog.tsx

@@ -8,9 +8,9 @@ import LoginDialog from './LoginDialog';
 import { StatusInput } from './StatusInput';
 import ModalStyles from './Modal.less';
 import Styles from './AddRecordDialog.less';
-import { getLastPublishTwitter, setLastPublishTwitter } from '../Prefs';
+import { setLastPublishTwitter } from '../Prefs';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faTimesCircle, faWarning } from '@fortawesome/free-solid-svg-icons';
+import { faTimesCircle } from '@fortawesome/free-solid-svg-icons';
 import { Rating } from './Rating';
 import { CreateRecordInput, StatusType } from '../__generated__/globalTypes';
 import { TypedDocumentNode } from '@graphql-typed-document-node/core';
@@ -63,8 +63,6 @@ type AddRecordState = {
   currentUser: AddRecordDialogQuery['currentUser'];
 };
 
-const PUBLISH_TWITTER_DISABLED_MESSAGE = "트위터 API 유료화로 공유 기능 제공을 중단합니다.";
-
 class AddRecord<T> extends React.Component<AddRecordProps<T>, AddRecordState> {
   private _titleEl: HTMLInputElement | null = null;
 
@@ -153,21 +151,8 @@ class AddRecord<T> extends React.Component<AddRecordProps<T>, AddRecordState> {
               />
             </div>
           </form>
-          <div className={Styles.shareOptions}>
-            <label
-              title={PUBLISH_TWITTER_DISABLED_MESSAGE}
-              onClick={e => alert(PUBLISH_TWITTER_DISABLED_MESSAGE)}
-            >
-              <input
-                type="checkbox"
-                disabled
-              />
-              {' 트위터에 공유'}
-              <FontAwesomeIcon icon={faWarning} />
-            </label>
-          </div>
           <button
-            className={ModalStyles.confirmButton}
+            className={ModalStyles.fullConfirmButton}
             disabled={this.state.isRequesting}
             onClick={this._onSubmit}
           >

web/frontend/js/ui/Modal.less

@@ -85,8 +85,7 @@
     margin: 0;
 }
 
-:local(.button) {
-    float: right;
+:local(.baseButton) {
     display: block;
     border: none;
     border-radius: 5px;
@@ -96,13 +95,18 @@
     font-size: 14px;
     font-weight: bold;
     cursor: pointer;
-    margin-left: 10px;
 
     &:disabled {
         background: #999;
     }
 }
 
+:local(.button) {
+    composes: baseButton;
+    float: right;
+    margin-left: 10px;
+}
+
 :local(.dangerConfirmButton) {
     composes: button;
     background: @color-danger;
@@ -113,6 +117,12 @@
     background: @color-main;
 }
 
+:local(.fullConfirmButton) {
+    composes: baseButton;
+    background: @color-main;
+    width: 100%;
+}
+
 :local(.cancelButton) {
     composes: button;
     color: @color-text-dark;

web/frontend/js/ui/PostComposer.tsx

@@ -2,8 +2,6 @@ import * as React from 'react';
 import * as util from '../util';
 import { StatusInput } from './StatusInput';
 import Styles from './PostComposer.less';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faWarning } from '@fortawesome/free-solid-svg-icons';
 import { PostComposer_RecordFragment } from './__generated__/PostComposer.graphql';
 import { StatusType } from '../__generated__/globalTypes';
 
@@ -21,8 +19,6 @@ export type PostComposerResult = {
   publishTwitter: boolean;
 };
 
-const PUBLISH_TWITTER_DISABLED_MESSAGE = "트위터 API 유료화로 공유 기능 제공을 중단합니다.";
-
 export class PostComposer extends React.Component<PostComposerProps> {
   private _submitting: boolean;
 
@@ -80,18 +76,6 @@ export class PostComposer extends React.Component<PostComposerProps> {
             />
             {' 내용 누설 포함'}
           </label>
-          <label
-            className={Styles.disabledLabel}
-            title={PUBLISH_TWITTER_DISABLED_MESSAGE}
-            onClick={e => alert(PUBLISH_TWITTER_DISABLED_MESSAGE)}
-          >
-            <input
-              type="checkbox"
-              disabled
-            />
-            {' 트위터에 공유'}
-            <FontAwesomeIcon icon={faWarning} />
-          </label>
           <button type="button" onClick={this._onSubmit}>
             기록 추가
           </button>