topcoder-platform
diff --git a/‎package.json‎
Lines changed: 2 additions & 0 deletions b/‎package.json‎
Lines changed: 2 additions & 0 deletions
diff --git a/‎src/App.tsx‎
Lines changed: 3 additions & 3 deletions b/‎src/App.tsx‎
Lines changed: 3 additions & 3 deletions
diff --git a/‎src/config/environments/environment.default.config.ts‎
Lines changed: 1 addition & 0 deletions b/‎src/config/environments/environment.default.config.ts‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎src/config/environments/environment.prod.config.ts‎
Lines changed: 1 addition & 0 deletions b/‎src/config/environments/environment.prod.config.ts‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎src/header/utility-selectors/UtilitySelector/ProfileSelector/profile-logged-in/ProfileLoggedIn.module.scss‎
Lines changed: 1 addition & 1 deletion b/‎src/header/utility-selectors/UtilitySelector/ProfileSelector/profile-logged-in/ProfileLoggedIn.module.scss‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/header/utility-selectors/UtilitySelector/ProfileSelector/profile-logged-in/ProfileLoggedIn.tsx‎
Lines changed: 3 additions & 4 deletions b/‎src/header/utility-selectors/UtilitySelector/ProfileSelector/profile-logged-in/ProfileLoggedIn.tsx‎
Lines changed: 3 additions & 4 deletions
diff --git a/‎src/header/utility-selectors/UtilitySelector/ProfileSelector/profile-logged-in/profile-panel/ProfilePanel.tsx‎
Lines changed: 4 additions & 4 deletions b/‎src/header/utility-selectors/UtilitySelector/ProfileSelector/profile-logged-in/profile-panel/ProfilePanel.tsx‎
Lines changed: 4 additions & 4 deletions
diff --git a/‎src/header/utility-selectors/UtilitySelector/ProfileSelector/profile-not-logged-in/ProfileNotLoggedIn.tsx‎
Lines changed: 15 additions & 16 deletions b/‎src/header/utility-selectors/UtilitySelector/ProfileSelector/profile-not-logged-in/ProfileNotLoggedIn.tsx‎
Lines changed: 15 additions & 16 deletions
diff --git a/‎src/lib/button/Button.tsx‎
Lines changed: 52 additions & 0 deletions b/‎src/lib/button/Button.tsx‎
Lines changed: 52 additions & 0 deletions
diff --git a/‎src/lib/button/Buttons.test.tsx‎
Lines changed: 6 additions & 0 deletions b/‎src/lib/button/Buttons.test.tsx‎
Lines changed: 6 additions & 0 deletions
@@ -5,6 +5,7 @@
     "dependencies": {
         "@datadog/browser-logs": "^4.5.0",
         "@heroicons/react": "^1.0.6",
+        "axios": "^0.26.1",
         "browser-cookies": "^1.2.0",
         "classnames": "^2.3.1",
         "react": "^17.0.2",
@@ -51,6 +52,7 @@
         "@testing-library/jest-dom": "^5.14.1",
         "@testing-library/react": "^12.0.0",
         "@testing-library/user-event": "^13.2.1",
+        "@types/axios": "^0.14.0",
         "@types/jest": "^27.0.1",
         "@types/node": "^16.7.13",
         "@types/react": "^17.0.20",
 
@@ -3,11 +3,11 @@ import { Route, Routes } from 'react-router-dom'
 
 import { EnvironmentConfig } from './config'
 import { Header } from './header'
-import { AnalyticsService, LoggingService, ProfileProvider } from './lib'
+import { initializeAnalytics, initializeLogger, ProfileProvider  } from './lib'
 import { RouteContext, RouteContextData } from './lib/route-provider'
 
-new AnalyticsService().initialize(EnvironmentConfig)
-new LoggingService().initialize(EnvironmentConfig)
+initializeAnalytics(EnvironmentConfig)
+initializeLogger(EnvironmentConfig)
 
 const App: FC<{}> = () => {
 
 
@@ -4,6 +4,7 @@ import { AppHostEnvironment } from './app-host-environment.enum'
 
 export const EnvironmentConfigDefault: GlobalConfig = {
     API: {
+        V3: 'https://api.topcoder-dev.com/v3',
         V5: 'https://api.topcoder-dev.com/v5',
     },
     ENV: AppHostEnvironment.default,
 
@@ -6,6 +6,7 @@ import { EnvironmentConfigDefault } from './environment.default.config'
 export const EnvironmentConfigProd: GlobalConfig = {
     ...EnvironmentConfigDefault,
     API: {
+        V3: 'https://api.topcoder.com/v3',
         V5: 'https://api.topcoder.com/v5',
     },
     ENV: AppHostEnvironment.prod,
 
@@ -2,7 +2,7 @@
 
 $overlaySquare: calc($pad-xxxxl + 2 * $border);
 
-.profile-avater,
+.profile-avatar,
 .overlay {
     cursor: pointer;
 }
 
@@ -1,6 +1,6 @@
 import { Dispatch, FC, SetStateAction, useContext, useState } from 'react'
 
-import { Avatar, IconOutline, LoggingService, ProfileContext, ProfileContextData } from '../../../../../lib'
+import { Avatar, IconOutline, logInfo , ProfileContext, ProfileContextData } from '../../../../../lib'
 
 import { ProfilePanel } from './profile-panel'
 import styles from './ProfileLoggedIn.module.scss'
@@ -9,10 +9,9 @@ const ProfileLoggedIn: FC<{}> = () => {
 
     const { profile }: ProfileContextData = useContext(ProfileContext)
     const [profilePanelOpen, setProfilePanelOpen]: [boolean, Dispatch<SetStateAction<boolean>>] = useState<boolean>(false)
-    const logger: LoggingService = new LoggingService()
 
     if (!profile) {
-        logger.logInfo('tried to render the logged in profile w/out a profile')
+        logInfo('tried to render the logged in profile w/out a profile')
         return <></>
     }
 
@@ -22,7 +21,7 @@ const ProfileLoggedIn: FC<{}> = () => {
 
     return (
         <>
-            <div className={styles['profile-avater']} onClick={() => toggleProfilePanel()} >
+            <div className={styles['profile-avatar']} onClick={() => toggleProfilePanel()} >
                 <Avatar
                     firstName={profile.firstName}
                     lastName={profile.lastName}
 
@@ -2,10 +2,10 @@ import { FC, useContext } from 'react'
 import { Link } from 'react-router-dom'
 
 import {
-    AuthenticationUrlConfig,
+    logoutUrl,
     ProfileContext,
     ProfileContextData,
-    ProfileRouteConfig,
+    profileRoute,
 } from '../../../../../../lib'
 
 import styles from './ProfilePanel.module.scss'
@@ -31,11 +31,11 @@ const ProfilePanel: FC<ProfilePanelProps> = (props: ProfilePanelProps) => {
             <Link
                 className={styles.profile}
                 onClick={() => props.toggleProfilePanel()}
-                to={ProfileRouteConfig.profile}
+                to={profileRoute}
             >
                 My Profile
             </Link>
-            <a href={AuthenticationUrlConfig.logout} className={styles.logout}>
+            <a href={logoutUrl} className={styles.logout}>
                 Log Out
             </a>
         </div>
 
@@ -1,29 +1,28 @@
-import classNames from 'classnames'
 import { FC } from 'react'
 
-import { AuthenticationUrlConfig, routeRoot } from '../../../../../lib'
+import { Button, loginUrl, routeRoot, signupUrl } from '../../../../../lib'
 import '../../../../../lib/styles/index.scss'
 
 import styles from './ProfileNotLoggedIn.module.scss'
 
 const ProfileNotLoggedIn: FC<{}> = () => {
 
-    const buttonClass: string = 'button'
-
     return (
         <>
-            <a
-                className={classNames(buttonClass, styles.login)}
-                href={AuthenticationUrlConfig.login(routeRoot)}
-            >
-                Log In
-            </a>
-            <a
-                className={classNames(buttonClass, 'all-white', styles.signup)}
-                href={AuthenticationUrlConfig.signup(routeRoot)}
-            >
-                Sign Up
-            </a>
+            <Button
+                className={styles.login}
+                label='Log In'
+                size='sm'
+                buttonStyle='text'
+                url={loginUrl(routeRoot)}
+            />
+            <Button
+                className={styles.signup}
+                label='Sign Up'
+                size='sm'
+                buttonStyle='tertiary'
+                url={signupUrl(routeRoot)}
+            />
         </>
     )
 }
 
@@ -0,0 +1,52 @@
+import classNames from 'classnames'
+import { FC } from 'react'
+
+interface ButtonProps {
+    readonly buttonStyle?: 'primary' | 'secondary' | 'tertiary' | 'text'
+    readonly className?: string
+    readonly disable?: boolean
+    readonly label: string
+    readonly onClick?: (event?: any) => void
+    readonly size?: 'sm' | 'md' | 'lg' | 'xl'
+    readonly type?: 'button' | 'submit'
+    readonly url?: string
+}
+
+const Button: FC<ButtonProps> = (props: ButtonProps) => {
+
+    const classes: string = classNames(
+        'button',
+        props.className,
+        props.buttonStyle || 'primary',
+        `button-${props.size || 'md'}`
+    )
+
+    // if there is a url, this is a link button
+    if (!!props.url) {
+        return (
+            <a
+                className={classes}
+                href={props.url}
+            >
+                {props.label}
+            </a>
+        )
+    }
+
+    // if there is no click handler, the button is prob a submit
+    // button, so just add a blank click handler
+    const clickHandler: (event: any) => void = props.onClick || (() => undefined)
+
+    return (
+        <button
+            className={classes}
+            disabled={!!props.disable}
+            onClick={event => clickHandler(event)}
+            type={props.type || 'button'}
+        >
+            {props.label}
+        </button>
+    )
+}
+
+export default Button
@@ -0,0 +1,6 @@
+import '@testing-library/jest-dom'
+
+describe('<Button />', () => {
+
+    test('it should render the content', () => { })
+})
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`
`3`	`3`	`$overlaySquare: calc($pad-xxxxl + 2 * $border);`
`4`	`4`
`5`		`-.profile-avater,`
	`5`	`+.profile-avatar,`
`6`	`6`	`.overlay {`
`7`	`7`	`cursor: pointer;`
`8`	`8`	`}`