Skip to content
This repository has been archived by the owner on Jul 18, 2024. It is now read-only.

[WIP] [Don't Merge] Utilize frontend-component-header for studio header #69

Closed
Show file tree
Hide file tree
Changes from 79 commits
Commits
Show all changes
83 commits
Select commit Hold shift + click to select a range
919aad7
use studio header from component
Sep 13, 2022
6fa0d23
comment out all styles that don't break the build when removed
Sep 13, 2022
2b86193
use logo from env
Sep 13, 2022
305b252
upgrade dependencies, rebuild package-lock
Sep 14, 2022
1169f64
try overriding stuff all over the place
Sep 14, 2022
5044fca
not sure how that got checked in
Sep 14, 2022
d8c484d
remove wrappers etc
Sep 14, 2022
9d35b9c
line up header/footer logos
Sep 14, 2022
2946b63
margin-top for main content, use actionrow for new lib button
Sep 14, 2022
eacec82
better utilize paragon card functionality for library list page
Sep 14, 2022
d18cabd
• instead
Sep 14, 2022
a9f90c1
add some flex stuff
Sep 14, 2022
62abab5
trying to fill the height
Sep 14, 2022
a447a5c
full height
Sep 14, 2022
72703ee
add breadcrumbs to authoring page
Sep 15, 2022
8fad5bf
start move to actionrow for lib authoring page
Sep 15, 2022
28a6190
button cleanup
Sep 15, 2022
7b84c3f
add todo for bringing back help link
Sep 15, 2022
a1c830e
add lib settings dropdown to actionrow
Sep 15, 2022
587bbfa
settings dropdown stuff
Sep 15, 2022
f62ec7e
messages for settings dropdown
Sep 15, 2022
7af6c5a
breadcrumbless
Sep 16, 2022
5dcf86a
wip stuff (i know i shouldn't check in module.config.js but this is s…
Sep 16, 2022
c8e4496
add wrapper, refactor to use refactored studio header component
Sep 19, 2022
947bafe
move actionrowcontent to a spot where we can feed it data
Sep 20, 2022
c1c3e85
start doing basic data stuff
Sep 20, 2022
8341d60
get the lib title in the header!
Sep 20, 2022
38d77af
move settings dropdown into header, update contenttitle link
Sep 20, 2022
2479fde
add todos for next steps
Sep 20, 2022
847d028
maybe updating react-router-dom to match the version in component hea…
Sep 20, 2022
4d011fd
Revert "maybe updating react-router-dom to match the version in compo…
Sep 21, 2022
093feae
temporary workaround for contenttitleblock issue
Sep 22, 2022
76674cc
progress
Sep 22, 2022
f934987
use routes to better handle contextual data in header
Sep 22, 2022
521c009
stop using depreciated paragon components, clean up extra elements on…
Sep 22, 2022
aef0d0f
little bit of dropdown styling
Sep 22, 2022
5c0419f
search and filter styling
Sep 22, 2022
07e9fbf
start throwing stuff in cards
Sep 23, 2022
ede0b85
modal working
Sep 23, 2022
da0281f
got stuff in cards, time to figure out what broke pagination
Sep 23, 2022
f2067a0
add/cleanup todos
Sep 23, 2022
19f0f12
pagination fix and card header class
Sep 26, 2022
a811840
better style for the content block list
Sep 26, 2022
8e1c55c
calling the library authoring page decent for now
Sep 26, 2022
143a668
make add new text smaller
Sep 26, 2022
2eb13dd
remove broken button for now
Sep 26, 2022
43706b0
put block edit page stuff in cols
Sep 26, 2022
fc6ed09
Merge branch 'openedx:master' into use-frontend-component-header
brian-smith-tcril Sep 27, 2022
e67c42e
not perfect but pretty happy with block editing now
Sep 27, 2022
c28d989
stuff is looking nice
Sep 27, 2022
448dd6e
make it reviewable without module.config
Sep 27, 2022
2cb8643
add rows and cols to edit/configure page
Sep 27, 2022
fec2a07
don't use giant buttons for license type
Sep 27, 2022
dae194e
put library edit page stuff in a card
Sep 27, 2022
2d44f03
Merge branch 'openedx:master' into use-frontend-component-header
brian-smith-tcril Sep 27, 2022
5b0e15f
use card sections
Sep 27, 2022
265ec51
using actionrow for user access header
Sep 27, 2022
4ed3dea
user access is looking somewhat reasonable
Sep 28, 2022
ba43a3b
use an actionrow
Sep 28, 2022
0fb9827
actionrow for couse import page header
Sep 28, 2022
be4c66e
add row/col for course import page
Sep 28, 2022
aee25bf
get course import page looking pretty
Sep 29, 2022
1919925
formatting
Sep 29, 2022
b83cc48
start using card for ongoing imports
Sep 29, 2022
dcb28a1
course import page looking good
Sep 29, 2022
f048454
remove testing css
Oct 4, 2022
ff8d45a
fix react key errors
Oct 4, 2022
b56b7d2
fix missing key error
Oct 4, 2022
9edd6f5
remove redundancy
Oct 4, 2022
42c82d4
remove library metadata div/css
Oct 4, 2022
1263b90
use helper class for margin bottom instead
Oct 4, 2022
866d08a
use helper classes for lib list page
Oct 4, 2022
79fb801
remove unused breadcrumb testing css
Oct 5, 2022
2b8d650
use helper classes for component search/filter actionbar
Oct 5, 2022
37b5cc3
use helper classes for block cards
Oct 5, 2022
1549782
remove commented out styles
Oct 5, 2022
71f1e47
remove unused indextabs component and unused styles
Oct 5, 2022
ee12c7d
remove testing/unused styles from vendor overrides
Oct 5, 2022
e0f4a5e
todone
Oct 5, 2022
744d97d
Merge branch 'main' into use-frontend-component-header
Oct 5, 2022
e38d674
remove redundant commented out code
Oct 5, 2022
fbef590
remove comment about show/hide previews
Oct 5, 2022
720bc0c
remove commented line
Oct 5, 2022
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29,479 changes: 19,747 additions & 9,732 deletions package-lock.json

Large diffs are not rendered by default.

6 changes: 4 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -37,8 +37,9 @@
"dependencies": {
"@edx/brand": "npm:@edx/[email protected]",
"@edx/frontend-component-footer": "10.2.1",
"@edx/frontend-platform": "1.15.2",
"@edx/paragon": "19.25.3",
"@edx/frontend-component-header": "github:brian-smith-tcril/frontend-component-header#studio-header-for-prs",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for this. Makes it much easier to test.

Do you mind making a PR out of the frontend-component-header changes, though? However WIP it still is.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Excellent, thank you!

"@edx/frontend-platform": "^3.0.0",
"@edx/paragon": "^20.11.1",
"@fortawesome/fontawesome-svg-core": "1.2.36",
"@fortawesome/free-brands-svg-icons": "5.15.4",
"@fortawesome/free-regular-svg-icons": "5.15.4",
Expand Down Expand Up @@ -83,6 +84,7 @@
"reactifex": "1.1.1",
"redux-mock-store": "1.5.4",
"rosie": "2.0.1",
"webpack-cli": "^4.10.0",
"webpack-merge": "5.8.0"
}
}
2 changes: 1 addition & 1 deletion public/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,6 @@
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
</head>
<body>
<div id="root"></div>
<div id="root" class="library-authoring__root"></div>
</body>
</html>
15 changes: 10 additions & 5 deletions src/index.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -20,25 +20,31 @@ import {
LibraryEditPage,
LibraryListPage,
LibraryCreatePage,
StudioHeader,
LibraryAccessPage,
LibraryAuthoringPage,
StudioHeaderWrapper,
} from './library-authoring';
import './index.scss';
import './assets/favicon.ico';

mergeConfig({
LIB_AUTHORING_BASE_URL: process.env.BASE_URL,
STUDIO_BASE_URL: process.env.STUDIO_BASE_URL,
LOGO_URL: process.env.LOGO_TRADEMARK_URL,
BLOCKSTORE_COLLECTION_UUID: process.env.BLOCKSTORE_COLLECTION_UUID,
SECURE_ORIGIN_XBLOCK_BOOTSTRAP_HTML_URL: process.env.SECURE_ORIGIN_XBLOCK_BOOTSTRAP_HTML_URL,
});

subscribe(APP_READY, () => {
ReactDOM.render(
<AppProvider store={store}>
<div className="wrapper">
<StudioHeader />
<main>
{/* todo: look for a better way to do this, using these routes in
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Interested in hearing suggestions for alternatives. I assume you're wrapping StudioHeaderWrapper in the Switch in order to clear the component's state? when on the home page?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

my main issue with this implementation is having multiple route switches in the index.jsx file here

i did add it in f934987 to clear the state (since loadingStatus would stay loaded when navigating back to the list page)

i was hoping i'd have some better ideas by now, but nothing is coming to mind

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For what it's worth, it seems to me like a legitimate use of Switch, and a reasonable place to put it in. 🤷🏼

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

sounds good, i'll remove the todo

a switch feels less than ideal */}
<Switch>
<Route path={ROUTES.Detail.HOME} component={StudioHeaderWrapper} />
<Route path="*" component={StudioHeaderWrapper} />
</Switch>
<main className="library-authoring__main-content">
<Switch>
<Route exact path={ROUTES.List.HOME} component={LibraryListPage} />
<Route exact path={ROUTES.List.CREATE} component={LibraryCreatePage} />
Expand All @@ -56,7 +62,6 @@ subscribe(APP_READY, () => {
</main>
<AboutLibrariesHyperlink />
<Footer />
</div>
</AppProvider>,
document.getElementById('root'),
);
Expand Down
1 change: 1 addition & 0 deletions src/index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
@import '~@edx/paragon/dist/Icon/Icon';
@import '~@edx/brand/paragon/overrides';

@import '~@edx/frontend-component-header/dist/index';
@import '~@edx/frontend-component-footer/dist/footer';

@import 'vendor/normalize.css';
Expand Down
Loading