seth
/
jam-cloud
mirror of https://bitbucket.org/jamkazam/jam-cloud.git
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

add help links in JamTracks page

This commit is contained in:
Nuwan 2024-11-28 23:25:51 +05:30
parent c5439f7a18
commit ea0131cb4e
2 changed files with 49 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
jam-ui/src/components/jamtracks/JKJamTrack.js
View File

@ -1,7 +1,7 @@
import React, { useEffect } from 'react';
import { useTranslation } from 'react-i18next';
import { useResponsive } from '@farfetch/react-context-responsive';
import { useParams } from 'react-router-dom';
import { useParams, Link } from 'react-router-dom';
import { Card, CardBody, Row, Col } from 'reactstrap';
import FalconCardHeader from '../common/FalconCardHeader';
import { getUserDetail, postUserEvent, userOpenedJamTrackWebPlayer } from '../../helpers/rest';
@ -74,14 +74,39 @@ const JKJamTrack = () => {
<CardBody className="pt-3">{jamTrack && <JKMyJamTrackMixes />}</CardBody>
</Card>
</Col>
<Col sm={12} md={4} className={ greaterThan.sm ? null : 'mt-4' }>
<Col sm={12} md={4}>
<Card className="mx-auto">
<FalconCardHeader title={t('jamtrack.create_mix.title')} titleClass="font-weight-semi-bold" />
<CardBody className="pt-3">{jamTrack && <JKCreateCustomMix />}</CardBody>
</Card>
</Col>
<Col />
<Col sm={12} md={4}>
<Card className="mx-auto">
<FalconCardHeader title={t('jamtrack.help_resources.title')} titleClass="font-weight-semi-bold" />
<CardBody className="pt-3">
<div className='mb-3'>
<div><a target='_blank' href="https://jamkazam.freshdesk.com/support/solutions/articles/66000501472">{t('jamtrack.help_resources.using_overview.title')}</a></div>
{t('jamtrack.help_resources.using_overview.description')}
</div>
<div className='mb-3'>
<div><a target='_blank' href="https://jamkazam.freshdesk.com/support/solutions/articles/66000125792">{t('jamtrack.help_resources.using_mac_windows.title')}</a></div>
{t('jamtrack.help_resources.using_mac_windows.description')}
</div>
<div className='mb-3'>
<div>
<Link to="/my-jamtracks">{t('jamtrack.help_resources.jamtracks_home.title')}</Link>
</div>
{t('jamtrack.help_resources.jamtracks_home.description')}
</div>
<div className='mb-3'>
<div>
<Link to="/jamtracks">{t('jamtrack.help_resources.see_more.title')}</Link>
</div>
{t('jamtrack.help_resources.see_more.description')}
</div>
</CardBody>
</Card>
</Col>
</Row>
) : null}
</>

20
jam-ui/src/i18n/locales/en/jamtracks.json
View File

@ -60,6 +60,26 @@
"pitch": "Pitch",
"mix_name": "Mix Name",
"create": "Create Mix"
},
"help_resources": {
"title": "Helpful Resources",
"using_overview": {
"title": "Using JamTracks - Overview ",
"description": "that explains how to use JamTracks in the browser."
},
"using_mac_windows": {
"title": "Using JamTracks in the Mac or Windows App",
"description": "that explains how to use JamTracks in the JamKazam app."
},
"jamtracks_home": {
"title": "Go to the JamTracks Home Page",
"description": "where you can access all of your JamTracks and search for more."
},
"see_more": {
"title": "see more JamTracks by this artist",
"description": "to checkout more songs you might like."
}
}
}
}