Merge pull request #382 from topcoder-platform/TCA-584_alt-social

TCA-584 Minor Cleanup of Cert view -> TCA-516_optimize-certificate-sharing

Author: brooketopcoder

src-ts/tools/learn/course-certificate/certificate-view/index.ts

@@ -0,0 +1,2 @@
+export { default as CertificateView } from './CertificateView'
+export type { CertificateViewStyle } from './CertificateView'

src-ts/tools/learn/course-certificate/user-certificate/UserCertificate.tsx

@@ -6,7 +6,8 @@ import {
     profileGetAsync,
     UserProfile
 } from '../../../../lib'
-import CertificateView, { CertificateViewStyle } from '../certificate-view/CertificateView'
+import { getViewStyleParamKey } from '../../learn.routes'
+import { CertificateView, CertificateViewStyle } from '../certificate-view'
 
 import styles from './UserCertificate.module.scss'
 
@@ -61,7 +62,7 @@ const UserCertificate: FC<{}> = () => {
                         provider={providerParam}
                         onCertificationNotCompleted={() => { }}
                         hideActions
-                        viewStyle={queryParams.get('view-style') as CertificateViewStyle}
+                        viewStyle={queryParams.get(getViewStyleParamKey()) as CertificateViewStyle}
                     />
                 </div>
             )}

src-ts/tools/learn/learn-config/learn.default.config.ts

@@ -3,7 +3,7 @@ import { LearnConfigModel } from './learn-config.model'
 export const LearnConfigDefault: LearnConfigModel = {
     API: 'http://localhost:3001/v5/learning-paths',
     CERT_ALT_PARAMS: {
-        'view-port': 'large-container',
+        'view-style': 'large-container',
     },
     CERT_DOMAIN: 'https://certificate.topcoder-dev.com',
     CERT_ELEMENT_SELECTOR: {

src-ts/tools/learn/learn.routes.tsx

@@ -66,6 +66,10 @@ export function getUserCertificateUrl(provider: string, certification: string, h
     return `${window.location.origin}${getCoursePath(provider, certification)}/${handle}${LEARN_PATHS.certificate}`
 }
 
+export function getViewStyleParamKey(): string {
+    return Object.keys(LearnConfig.CERT_ALT_PARAMS)[0]
+}
+
 export const rootRoute: string = LEARN_PATHS.root
 export const absoluteRootRoute: string = `${window.location.origin}${LEARN_PATHS.root}`