greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat(client): ts-migrate /client/src/.../Tool-Panel.js (#42646) 

Co-authored-by: Parth Parth <thecodingaviator@users.noreply.github.com>
pull/42624/head
Parth Parth 2021-06-28 22:18:49 +05:30 committed by Mrugesh Mohapatra
parent cb0cea07a1
commit 4737d96084
No known key found for this signature in database
GPG Key ID: 68BDF41E23F50DD8
3 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/templates/Challenges/projects/backend/Show.tsx
View File

@ -30,7 +30,7 @@ import TestSuite from '../../components/Test-Suite';
import Output from '../../components/output';
import CompletionModal from '../../components/completion-modal';
import HelpModal from '../../components/HelpModal';
import ProjectToolPanel from '../Tool-Panel';
import ProjectToolPanel from '../tool-panel';
import SolutionForm from '../SolutionForm';
import Spacer from '../../../../components/helpers/spacer';
import {

2
client/src/templates/Challenges/projects/frontend/Show.tsx
View File

@ -29,7 +29,7 @@ import ChallengeTitle from '../../components/challenge-title';
import ChallengeDescription from '../../components/Challenge-Description';
import Spacer from '../../../../components/helpers/spacer';
import SolutionForm from '../SolutionForm';
import ProjectToolPanel from '../Tool-Panel';
import ProjectToolPanel from '../tool-panel';
import CompletionModal from '../../components/completion-modal';
import HelpModal from '../../components/HelpModal';
import Hotkeys from '../../components/Hotkeys';

21
client/src/templates/Challenges/projects/Tool-Panel.js → client/src/templates/Challenges/projects/tool-panel.tsx
View File

@ -1,6 +1,5 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { bindActionCreators } from 'redux';
import { bindActionCreators, Dispatch } from 'redux';
import { connect } from 'react-redux';
import { Button } from '@freecodecamp/react-bootstrap';
import { withTranslation } from 'react-i18next';
@ -11,7 +10,7 @@ import './tool-panel.css';
const mapStateToProps = () => ({});
const mapDispatchToProps = dispatch =>
const mapDispatchToProps = (dispatch: Dispatch) =>
bindActionCreators(
{
openHelpModal: () => openModal('help')
@ -19,14 +18,15 @@ const mapDispatchToProps = dispatch =>
dispatch
);
const propTypes = {
guideUrl: PropTypes.string,
openHelpModal: PropTypes.func.isRequired,
t: PropTypes.func.isRequired
};
interface ToolPanelProps {
guideUrl?: string;
openHelpModal: () => void;
t: (args: string) => void;
}
export class ToolPanel extends Component {
render() {
export class ToolPanel extends Component<ToolPanelProps> {
static displayName: string;
render(): JSX.Element {
const { guideUrl, openHelpModal, t } = this.props;
return (
<div className='tool-panel-group project-tool-panel'>
@ -55,7 +55,6 @@ export class ToolPanel extends Component {
}
ToolPanel.displayName = 'ProjectToolPanel';
ToolPanel.propTypes = propTypes;
export default connect(
mapStateToProps,