From e69190abb09661caa19fa3905a0d8f3b7e72648b Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Mon, 13 Jul 2020 20:59:52 +0800
Subject: Move front end to a submodule.

---
 .../ClientApp/src/app/timeline/TimelineMember.tsx  | 196 ---------------------
 1 file changed, 196 deletions(-)
 delete mode 100644 Timeline/ClientApp/src/app/timeline/TimelineMember.tsx

(limited to 'Timeline/ClientApp/src/app/timeline/TimelineMember.tsx')

diff --git a/Timeline/ClientApp/src/app/timeline/TimelineMember.tsx b/Timeline/ClientApp/src/app/timeline/TimelineMember.tsx
deleted file mode 100644
index f9747b4d..00000000
--- a/Timeline/ClientApp/src/app/timeline/TimelineMember.tsx
+++ /dev/null
@@ -1,196 +0,0 @@
-import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { User } from '../data/user';
-
-import SearchInput from '../common/SearchInput';
-import {
-  Container,
-  ListGroup,
-  ListGroupItem,
-  Modal,
-  Row,
-  Col,
-  Button,
-} from 'reactstrap';
-
-export interface TimelineMemberCallbacks {
-  onCheckUser: (username: string) => Promise<User | null>;
-  onAddUser: (user: User) => Promise<void>;
-  onRemoveUser: (username: string) => void;
-}
-
-export interface TimelineMemberProps {
-  members: User[];
-  edit: TimelineMemberCallbacks | null | undefined;
-}
-
-const TimelineMember: React.FC<TimelineMemberProps> = (props) => {
-  const { t } = useTranslation();
-
-  const [userSearchText, setUserSearchText] = useState<string>('');
-  const [userSearchState, setUserSearchState] = useState<
-    | {
-        type: 'user';
-        data: User;
-      }
-    | { type: 'error'; data: string }
-    | { type: 'loading' }
-    | { type: 'init' }
-  >({ type: 'init' });
-
-  const members = props.members;
-
-  return (
-    <Container className="px-4">
-      <ListGroup className="my-3">
-        {members.map((member, index) => (
-          <ListGroupItem key={member.username} className="container">
-            <Row>
-              <Col className="col-auto">
-                <img src={member._links.avatar} className="avatar small" />
-              </Col>
-              <Col>
-                <Row>{member.nickname}</Row>
-                <Row>
-                  <small>{'@' + member.username}</small>
-                </Row>
-              </Col>
-              {(() => {
-                if (index === 0) {
-                  return null;
-                }
-                const onRemove = props.edit?.onRemoveUser;
-                if (onRemove == null) {
-                  return null;
-                }
-                return (
-                  <Button
-                    className="align-self-center"
-                    color="danger"
-                    onClick={() => {
-                      onRemove(member.username);
-                    }}
-                  >
-                    {t('timeline.member.remove')}
-                  </Button>
-                );
-              })()}
-            </Row>
-          </ListGroupItem>
-        ))}
-      </ListGroup>
-      {(() => {
-        const edit = props.edit;
-        if (edit != null) {
-          return (
-            <>
-              <SearchInput
-                value={userSearchText}
-                onChange={(v) => {
-                  setUserSearchText(v);
-                }}
-                loading={userSearchState.type === 'loading'}
-                onButtonClick={() => {
-                  if (userSearchText === '') {
-                    setUserSearchState({
-                      type: 'error',
-                      data: 'login.emptyUsername',
-                    });
-                    return;
-                  }
-
-                  setUserSearchState({ type: 'loading' });
-                  edit.onCheckUser(userSearchText).then(
-                    (u) => {
-                      if (u == null) {
-                        setUserSearchState({
-                          type: 'error',
-                          data: 'timeline.userNotExist',
-                        });
-                      } else {
-                        setUserSearchState({ type: 'user', data: u });
-                      }
-                    },
-                    (e) => {
-                      setUserSearchState({
-                        type: 'error',
-                        data: `${e as string}`,
-                      });
-                    }
-                  );
-                }}
-              />
-              {(() => {
-                if (userSearchState.type === 'user') {
-                  const u = userSearchState.data;
-                  const addable =
-                    members.findIndex((m) => m.username === u.username) === -1;
-                  return (
-                    <>
-                      {!addable ? (
-                        <p>{t('timeline.member.alreadyMember')}</p>
-                      ) : null}
-                      <Container className="mb-3">
-                        <Row>
-                          <Col className="col-auto">
-                            <img
-                              src={u._links.avatar}
-                              className="avatar small"
-                            />
-                          </Col>
-                          <Col>
-                            <Row>{u.nickname}</Row>
-                            <Row>
-                              <small>{'@' + u.username}</small>
-                            </Row>
-                          </Col>
-                          <Button
-                            color="primary"
-                            className="align-self-center"
-                            disabled={!addable}
-                            onClick={() => {
-                              void edit.onAddUser(u).then((_) => {
-                                setUserSearchText('');
-                                setUserSearchState({ type: 'init' });
-                              });
-                            }}
-                          >
-                            {t('timeline.member.add')}
-                          </Button>
-                        </Row>
-                      </Container>
-                    </>
-                  );
-                } else if (userSearchState.type === 'error') {
-                  return (
-                    <p className="text-danger">{t(userSearchState.data)}</p>
-                  );
-                }
-              })()}
-            </>
-          );
-        } else {
-          return null;
-        }
-      })()}
-    </Container>
-  );
-};
-
-export default TimelineMember;
-
-export interface TimelineMemberDialogProps extends TimelineMemberProps {
-  open: boolean;
-  onClose: () => void;
-}
-
-export const TimelineMemberDialog: React.FC<TimelineMemberDialogProps> = (
-  props
-) => {
-  return (
-    <Modal isOpen={props.open} toggle={props.onClose}>
-      <TimelineMember {...props} />
-    </Modal>
-  );
-};
-- 
cgit v1.2.3