-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add empty state for individual classrooms page tabs (#596)
Co-authored-by: carissa-tang <[email protected]>
- Loading branch information
1 parent
85d75c3
commit 039a882
Showing
3 changed files
with
74 additions
and
46 deletions.
There are no files selected for viewing
21 changes: 21 additions & 0 deletions
21
frontend/src/components/common/info/messages/EmptyArchivedClassroomsMessage.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,21 @@ | ||
import React, { type ReactElement } from "react"; | ||
import { Center, useStyleConfig } from "@chakra-ui/react"; | ||
|
||
import DisplayAssessmentsIllustration from "../../../../assets/illustrations/display-assessments.svg"; | ||
import MessageContainer from "../MessageContainer"; | ||
|
||
const EmptyArchivedClassroomsMessage = (): ReactElement => { | ||
const styles = useStyleConfig("Center", { variant: "emptyMessage" }); | ||
return ( | ||
<Center __css={styles} mt={8}> | ||
<MessageContainer | ||
image={DisplayAssessmentsIllustration} | ||
paragraphs={["Use the archive option on a classroom to view it here"]} | ||
subtitle="You currently have no archived classroooms." | ||
textColor="blue.300" | ||
/> | ||
</Center> | ||
); | ||
}; | ||
|
||
export default EmptyArchivedClassroomsMessage; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters