glitch-soc/mastodon

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const mapStateToProps = (state, { statusId }) => ({
  status: state.getIn(['statuses', statusId]),
  accountStaticAvatar: state.getIn(['accounts', state.getIn(['statuses', statusId, 'account']), 'avatar_static']),
});

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  return (
    <Button
      onClick={handleClick}
      disabled={relationship?.blocked_by || relationship?.blocking}
      secondary={following}

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

export interface ApiAccountWarningJSON {
  id: string;
  action: AccountWarningAction;
  text: string;
  status_ids: string[];

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  return (
    <Button
      onClick={handleClick}
      disabled={relationship?.blocked_by || relationship?.blocking}
      secondary={following}

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

export const requestNotificationPermission = async (
  callback: NotificationPermissionCallback,
) => {
  try {
    callback(await Notification.requestPermission());

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

export const requestNotificationPermission = async (
  callback: NotificationPermissionCallback,
) => {
  try {
    callback(await Notification.requestPermission());

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

export interface ApiAccountWarningJSON {
  id: string;
  action: AccountWarningAction;
  text: string;
  status_ids: string[];

• Read up
  Read up

Function makeGetStatus has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const makeGetStatus = () => {
  return createSelector(
    [
      (state, { id }) => state.getIn(['statuses', id]),
      (state, { id }) => state.getIn(['statuses', state.getIn(['statuses', id, 'reblog'])]),

Function render has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { value, suggestions, disabled, placeholder, onKeyUp, autoFocus, className, id, maxLength, lang, spellCheck } = this.props;
    const { suggestionsHidden } = this.state;

    return (

Function expandTimeline has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function expandTimeline(timelineId, path, params = {}) {
  return async (dispatch, getState) => {
    const timeline = getState().getIn(['timelines', timelineId], ImmutableMap());
    const isLoadingMore = !!params.max_id;

Function render has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { columns, children, singleColumn, isModalOpen, openSettings } = this.props;
    const { renderComposePanel } = this.state;

    if (singleColumn) {

Function render has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { disabledAcct, movedToAcct } = this.props;

    const disabledAccountLink = (
      <Link to={`/@${disabledAcct}`}>

Function componentDidMount has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  componentDidMount () {
    const { signedIn } = this.props.identity;

    window.addEventListener('beforeunload', this.handleBeforeUnload, false);
    window.addEventListener('resize', this.handleResize, { passive: true });

Function render has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { hasUnread, columnId, multiColumn, tag } = this.props;
    const { id, local } = this.props.params;
    const pinned = !!columnId;
    const { signedIn } = this.props.identity;

Function _updateStatusLinks has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  _updateStatusLinks () {
    const node = this.node;

    if (!node) {
      return;

Function expandTimeline has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function expandTimeline(timelineId, path, params = {}) {
  return async (dispatch, getState) => {
    const timeline = getState().getIn(['timelines', timelineId], ImmutableMap());
    const isLoadingMore = !!params.max_id;

Function render has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { disabledAcct, movedToAcct } = this.props;

    const disabledAccountLink = (
      <Link to={`/@${disabledAcct}`}>

Function render has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { columns, children, singleColumn, isModalOpen } = this.props;
    const { renderComposePanel } = this.state;

    if (singleColumn) {

Function UploadForm has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const UploadForm = () => {
  const dispatch = useDispatch();
  const mediaIds = useSelector(state => state.getIn(['compose', 'media_attachments']).map(item => item.get('id')));
  const active = useSelector(state => state.getIn(['compose', 'is_uploading']));
  const progress = useSelector(state => state.getIn(['compose', 'progress']));

Function render has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { hasUnread, columnId, multiColumn, tag } = this.props;
    const { id, local } = this.props.params;
    const pinned = !!columnId;
    const { signedIn } = this.props.identity;