Andal.LND/frontend-app-profile
6
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: updates

Browse Source
This commit is contained in:
Adam Stankiewicz
2023-05-28 11:46:07 -04:00
parent 3415211566
commit b6d2f840a8
6 changed files with 3171 additions and 2805 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
.env.development
View File

@@ -1,7 +1,7 @@
NODE_ENV='development'
PORT=1995
ACCESS_TOKEN_COOKIE_NAME='edx-jwt-cookie-header-payload'
BASE_URL='localhost:1995'
BASE_URL='http://localhost:1995'
CREDENTIALS_BASE_URL='http://localhost:18150'
CSRF_TOKEN_API_PATH='/csrf/api/v1/token'
ECOMMERCE_BASE_URL='http://localhost:18130'
@@ -29,8 +29,8 @@ MFE_CONFIG_API_URL=''
ENABLE_SKILLS_BUILDER='true'
ENABLE_SKILLS_BUILDER_PROFILE=''
MFE_CONFIG_API_URL='http://localhost:18000/api/mfe_config/v1'
# MFE_CONFIG_API_URL='http://localhost:18000/api/mfe_config/v1'
APP_ID='profile'
PARAGON_THEME_CORE_URL='https://cdn.jsdelivr.net/npm/@edx/paragon@21.0.0-alpha.14/dist/paragon.css'
PARAGON_THEME_VARIANTS_LIGHT_URL='https://cdn.jsdelivr.net/npm/@edx/paragon@21.0.0-alpha.14/scss/core/css/variables.css'
# PARAGON_THEME_CORE_URL='https://cdn.jsdelivr.net/npm/@edx/paragon@21.0.0-alpha.14/dist/paragon.css'
# PARAGON_THEME_VARIANTS_LIGHT_URL='https://cdn.jsdelivr.net/npm/@edx/paragon@21.0.0-alpha.14/scss/core/css/variables.css'

5928
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
package.json
View File

@@ -32,7 +32,7 @@
"@edx/frontend-component-footer": "11.6.2",
"@edx/frontend-component-header": "3.6.1",
"@edx/frontend-platform": "2.6.2",
"@edx/paragon": "^21.0.0-alpha.15",
"@edx/paragon": "^21.0.0-alpha.28",
"@fortawesome/fontawesome-svg-core": "1.2.36",
"@fortawesome/free-brands-svg-icons": "5.15.4",
"@fortawesome/free-regular-svg-icons": "5.15.4",
@@ -64,7 +64,7 @@
"@commitlint/cli": "17.4.2",
"@commitlint/config-angular": "17.4.2",
"@edx/browserslist-config": "^1.1.1",
"@edx/frontend-build": "12.6.0",
"@edx/frontend-build": "github:openedx/frontend-build#ags/2321",
"@edx/reactifex": "2.1.1",
"@testing-library/react": "11.2.7",
"codecov": "3.8.3",

4
src/index.scss
View File

@@ -3,6 +3,10 @@
// @import "~@edx/paragon/scss/core/core";
// @import "~@edx/brand/paragon/overrides";
@use "@edx/paragon/styles/css/core/custom-media-breakpoints.css";
// @use "@edx/paragon/dist/core.min.css";
// @use "@edx/paragon/dist/light.min.css";
@import "~@edx/frontend-component-header/dist/index";
@import "~@edx/frontend-component-footer/dist/footer";

20
src/profile/ProfilePage.jsx
View File

@@ -4,7 +4,11 @@ import { connect } from 'react-redux';
import { sendTrackingLogEvent } from '@edx/frontend-platform/analytics';
import { ensureConfig, getConfig } from '@edx/frontend-platform';
import { AppContext, PARAGON_THEME_VARIANT_LIGHT, paragonThemeActions } from '@edx/frontend-platform/react';
import {
AppContext,
PARAGON_THEME_VARIANT_LIGHT,
paragonThemeActions,
} from '@edx/frontend-platform/react';
import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
import { Alert, Button, Hyperlink } from '@edx/paragon';
@@ -95,9 +99,15 @@ class ProfilePage extends React.Component {
}
handleToggleParagonThemeVariant() {
const getNextThemeVariant = () => PARAGON_THEME_VARIANT_LIGHT;
const getNextThemeVariant = () => {
// if (this.context.paragonTheme.state.themeVariant === PARAGON_THEME_VARIANT_LIGHT) {
// return PARAGON_THEME_VARIANT_DARK;
// }
return PARAGON_THEME_VARIANT_LIGHT;
};
const nextThemeVariant = getNextThemeVariant();
this.context.paragonTheme.dispatch(
paragonThemeActions.setParagonThemeVariant(getNextThemeVariant(this.context.paragonTheme.themeVariant)),
paragonThemeActions.setParagonThemeVariant(nextThemeVariant),
);
}
@@ -289,7 +299,9 @@ class ProfilePage extends React.Component {
formId="certificates"
{...commonFormProps}
/>
<Button onClick={this.handleToggleParagonThemeVariant}>Toggle theme</Button>
<Button onClick={this.handleToggleParagonThemeVariant}>
Toggle theme
</Button>
</div>
</div>
</div>

12
src/profile/index.scss
View File

@@ -59,7 +59,7 @@
}
.profile-avatar-wrap {
@media (--pgn-size-breakpoint-md) {
@media (--min-pgn-size-breakpoint-md) {
max-width: 12rem;
margin-right: 0;
margin-top: -8rem;
@@ -77,20 +77,20 @@
align-items: center;
border-radius: 50%;
@media (--pgn-size-breakpoint-md) {
@media (--min-pgn-size-breakpoint-md) {
background: linear-gradient(to top, rgba(0,0,0,.65) 4rem, rgba(0,0,0,0) 4rem);
align-items: flex-end;
}
.btn {
text-decoration: none;
@media (--pgn-size-breakpoint-md) {
@media (--min-pgn-size-breakpoint-md) {
margin-bottom: 1.2rem;
}
}
.dropdown {
@media (--pgn-size-breakpoint-md) {
@media (--min-pgn-size-breakpoint-md) {
margin-bottom: 1.2rem;
}
@@ -108,7 +108,7 @@
height: 5rem;
position: relative;
@media (--pgn-size-breakpoint-md) {
@media (--min-pgn-size-breakpoint-md) {
width: 12rem;
height: 12rem;
}
@@ -128,7 +128,7 @@
border-radius:0;
transition: opacity 200ms ease;
@media (--pgn-size-breakpoint-md) {
@media (--min-pgn-size-breakpoint-md) {
height: 4rem;
}