- {game.title}
+ {game.name}
{game.description}
diff --git a/src/components/video/expandedVideo.js b/src/components/video/expandedVideo.js
new file mode 100644
index 0000000..90f4dc8
--- /dev/null
+++ b/src/components/video/expandedVideo.js
@@ -0,0 +1,36 @@
+import styles from '../../styles/ExpandedVideo.module.css'
+import dynamic from 'next/dynamic'
+import React from 'react';
+import Image from 'next/image'
+
+const ReactPlayer = dynamic(() => import("react-player"), { ssr: false });
+
+
+const ExpandedVideo = React.memo(({ videoData, onClose }) => {
+
+ return (
+
+
+
+
+
+
{videoData.title}
+
+
+
+
+
+
+ );
+});
+
+ExpandedVideo.displayName = 'ExpandedVideo';
+
+export default ExpandedVideo;
\ No newline at end of file
diff --git a/src/components/video/videoCards.js b/src/components/video/videoCards.js
new file mode 100644
index 0000000..31c4024
--- /dev/null
+++ b/src/components/video/videoCards.js
@@ -0,0 +1,54 @@
+
+import React, { useState } from 'react';
+import styles from '../../styles/Video.module.css';
+import ExpandedVideo from './expandedVideo';
+import dynamic from 'next/dynamic';
+import FullscreenIcon from '@mui/icons-material/Fullscreen';
+import { v4 as uuidv4 } from 'uuid';
+
+const ReactPlayer = dynamic(() => import('react-player'), { ssr: false });
+
+const VideoCards = ({ videos }) => {
+ const [expandedVideoData, setExpandedVideoData] = useState(null);
+
+ const handleExpand = (eachVideo) => {
+ setExpandedVideoData(eachVideo);
+ };
+
+ const handleClose = () => {
+ setExpandedVideoData(null);
+ };
+
+ return (
+
+
+ {videos.map((eachVideo) => (
+
+
handleExpand(eachVideo)} />
+ {eachVideo.title}
+
+ {
+
+ }
+
+ {eachVideo.description}
+
+ {eachVideo.emotions.map((emotion) => (
+
{emotion}
+ ))}
+
+ ))}
+
+ );
+};
+
+export default VideoCards;
\ No newline at end of file
diff --git a/src/graphql/mutations.js b/src/graphql/mutations.js
new file mode 100644
index 0000000..3ea4477
--- /dev/null
+++ b/src/graphql/mutations.js
@@ -0,0 +1,249 @@
+/* eslint-disable */
+// this is an auto generated file. This will be overwritten
+
+export const createStudents = /* GraphQL */ `
+ mutation CreateStudents(
+ $input: CreateStudentsInput!
+ $condition: ModelStudentsConditionInput
+ ) {
+ createStudents(input: $input, condition: $condition) {
+ id
+ name
+ classs {
+ nextToken
+ startedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const updateStudents = /* GraphQL */ `
+ mutation UpdateStudents(
+ $input: UpdateStudentsInput!
+ $condition: ModelStudentsConditionInput
+ ) {
+ updateStudents(input: $input, condition: $condition) {
+ id
+ name
+ classs {
+ nextToken
+ startedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const deleteStudents = /* GraphQL */ `
+ mutation DeleteStudents(
+ $input: DeleteStudentsInput!
+ $condition: ModelStudentsConditionInput
+ ) {
+ deleteStudents(input: $input, condition: $condition) {
+ id
+ name
+ classs {
+ nextToken
+ startedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const createClass = /* GraphQL */ `
+ mutation CreateClass(
+ $input: CreateClassInput!
+ $condition: ModelClassConditionInput
+ ) {
+ createClass(input: $input, condition: $condition) {
+ id
+ ClassName
+ Students {
+ nextToken
+ startedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const updateClass = /* GraphQL */ `
+ mutation UpdateClass(
+ $input: UpdateClassInput!
+ $condition: ModelClassConditionInput
+ ) {
+ updateClass(input: $input, condition: $condition) {
+ id
+ ClassName
+ Students {
+ nextToken
+ startedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const deleteClass = /* GraphQL */ `
+ mutation DeleteClass(
+ $input: DeleteClassInput!
+ $condition: ModelClassConditionInput
+ ) {
+ deleteClass(input: $input, condition: $condition) {
+ id
+ ClassName
+ Students {
+ nextToken
+ startedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const createClassStudents = /* GraphQL */ `
+ mutation CreateClassStudents(
+ $input: CreateClassStudentsInput!
+ $condition: ModelClassStudentsConditionInput
+ ) {
+ createClassStudents(input: $input, condition: $condition) {
+ id
+ studentsId
+ classId
+ students {
+ id
+ name
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ class {
+ id
+ ClassName
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const updateClassStudents = /* GraphQL */ `
+ mutation UpdateClassStudents(
+ $input: UpdateClassStudentsInput!
+ $condition: ModelClassStudentsConditionInput
+ ) {
+ updateClassStudents(input: $input, condition: $condition) {
+ id
+ studentsId
+ classId
+ students {
+ id
+ name
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ class {
+ id
+ ClassName
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const deleteClassStudents = /* GraphQL */ `
+ mutation DeleteClassStudents(
+ $input: DeleteClassStudentsInput!
+ $condition: ModelClassStudentsConditionInput
+ ) {
+ deleteClassStudents(input: $input, condition: $condition) {
+ id
+ studentsId
+ classId
+ students {
+ id
+ name
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ class {
+ id
+ ClassName
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
diff --git a/src/graphql/queries.js b/src/graphql/queries.js
new file mode 100644
index 0000000..1af9704
--- /dev/null
+++ b/src/graphql/queries.js
@@ -0,0 +1,298 @@
+/* eslint-disable */
+// this is an auto generated file. This will be overwritten
+
+export const getStudents = /* GraphQL */ `
+ query GetStudents($id: ID!) {
+ getStudents(id: $id) {
+ id
+ name
+ classs {
+ nextToken
+ startedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const listStudents = /* GraphQL */ `
+ query ListStudents(
+ $filter: ModelStudentsFilterInput
+ $limit: Int
+ $nextToken: String
+ ) {
+ listStudents(filter: $filter, limit: $limit, nextToken: $nextToken) {
+ items {
+ id
+ name
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ nextToken
+ startedAt
+ __typename
+ }
+ }
+`;
+export const syncStudents = /* GraphQL */ `
+ query SyncStudents(
+ $filter: ModelStudentsFilterInput
+ $limit: Int
+ $nextToken: String
+ $lastSync: AWSTimestamp
+ ) {
+ syncStudents(
+ filter: $filter
+ limit: $limit
+ nextToken: $nextToken
+ lastSync: $lastSync
+ ) {
+ items {
+ id
+ name
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ nextToken
+ startedAt
+ __typename
+ }
+ }
+`;
+export const getClass = /* GraphQL */ `
+ query GetClass($id: ID!) {
+ getClass(id: $id) {
+ id
+ ClassName
+ Students {
+ nextToken
+ startedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const listClasses = /* GraphQL */ `
+ query ListClasses(
+ $filter: ModelClassFilterInput
+ $limit: Int
+ $nextToken: String
+ ) {
+ listClasses(filter: $filter, limit: $limit, nextToken: $nextToken) {
+ items {
+ id
+ ClassName
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ nextToken
+ startedAt
+ __typename
+ }
+ }
+`;
+export const syncClasses = /* GraphQL */ `
+ query SyncClasses(
+ $filter: ModelClassFilterInput
+ $limit: Int
+ $nextToken: String
+ $lastSync: AWSTimestamp
+ ) {
+ syncClasses(
+ filter: $filter
+ limit: $limit
+ nextToken: $nextToken
+ lastSync: $lastSync
+ ) {
+ items {
+ id
+ ClassName
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ nextToken
+ startedAt
+ __typename
+ }
+ }
+`;
+export const getClassStudents = /* GraphQL */ `
+ query GetClassStudents($id: ID!) {
+ getClassStudents(id: $id) {
+ id
+ studentsId
+ classId
+ students {
+ id
+ name
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ class {
+ id
+ ClassName
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const listClassStudents = /* GraphQL */ `
+ query ListClassStudents(
+ $filter: ModelClassStudentsFilterInput
+ $limit: Int
+ $nextToken: String
+ ) {
+ listClassStudents(filter: $filter, limit: $limit, nextToken: $nextToken) {
+ items {
+ id
+ studentsId
+ classId
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ nextToken
+ startedAt
+ __typename
+ }
+ }
+`;
+export const syncClassStudents = /* GraphQL */ `
+ query SyncClassStudents(
+ $filter: ModelClassStudentsFilterInput
+ $limit: Int
+ $nextToken: String
+ $lastSync: AWSTimestamp
+ ) {
+ syncClassStudents(
+ filter: $filter
+ limit: $limit
+ nextToken: $nextToken
+ lastSync: $lastSync
+ ) {
+ items {
+ id
+ studentsId
+ classId
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ nextToken
+ startedAt
+ __typename
+ }
+ }
+`;
+export const classStudentsByStudentsId = /* GraphQL */ `
+ query ClassStudentsByStudentsId(
+ $studentsId: ID!
+ $sortDirection: ModelSortDirection
+ $filter: ModelClassStudentsFilterInput
+ $limit: Int
+ $nextToken: String
+ ) {
+ classStudentsByStudentsId(
+ studentsId: $studentsId
+ sortDirection: $sortDirection
+ filter: $filter
+ limit: $limit
+ nextToken: $nextToken
+ ) {
+ items {
+ id
+ studentsId
+ classId
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ nextToken
+ startedAt
+ __typename
+ }
+ }
+`;
+export const classStudentsByClassId = /* GraphQL */ `
+ query ClassStudentsByClassId(
+ $classId: ID!
+ $sortDirection: ModelSortDirection
+ $filter: ModelClassStudentsFilterInput
+ $limit: Int
+ $nextToken: String
+ ) {
+ classStudentsByClassId(
+ classId: $classId
+ sortDirection: $sortDirection
+ filter: $filter
+ limit: $limit
+ nextToken: $nextToken
+ ) {
+ items {
+ id
+ studentsId
+ classId
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ nextToken
+ startedAt
+ __typename
+ }
+ }
+`;
diff --git a/src/graphql/subscriptions.js b/src/graphql/subscriptions.js
new file mode 100644
index 0000000..5b7c090
--- /dev/null
+++ b/src/graphql/subscriptions.js
@@ -0,0 +1,228 @@
+/* eslint-disable */
+// this is an auto generated file. This will be overwritten
+
+export const onCreateStudents = /* GraphQL */ `
+ subscription OnCreateStudents($filter: ModelSubscriptionStudentsFilterInput) {
+ onCreateStudents(filter: $filter) {
+ id
+ name
+ classs {
+ nextToken
+ startedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const onUpdateStudents = /* GraphQL */ `
+ subscription OnUpdateStudents($filter: ModelSubscriptionStudentsFilterInput) {
+ onUpdateStudents(filter: $filter) {
+ id
+ name
+ classs {
+ nextToken
+ startedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const onDeleteStudents = /* GraphQL */ `
+ subscription OnDeleteStudents($filter: ModelSubscriptionStudentsFilterInput) {
+ onDeleteStudents(filter: $filter) {
+ id
+ name
+ classs {
+ nextToken
+ startedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const onCreateClass = /* GraphQL */ `
+ subscription OnCreateClass($filter: ModelSubscriptionClassFilterInput) {
+ onCreateClass(filter: $filter) {
+ id
+ ClassName
+ Students {
+ nextToken
+ startedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const onUpdateClass = /* GraphQL */ `
+ subscription OnUpdateClass($filter: ModelSubscriptionClassFilterInput) {
+ onUpdateClass(filter: $filter) {
+ id
+ ClassName
+ Students {
+ nextToken
+ startedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const onDeleteClass = /* GraphQL */ `
+ subscription OnDeleteClass($filter: ModelSubscriptionClassFilterInput) {
+ onDeleteClass(filter: $filter) {
+ id
+ ClassName
+ Students {
+ nextToken
+ startedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const onCreateClassStudents = /* GraphQL */ `
+ subscription OnCreateClassStudents(
+ $filter: ModelSubscriptionClassStudentsFilterInput
+ ) {
+ onCreateClassStudents(filter: $filter) {
+ id
+ studentsId
+ classId
+ students {
+ id
+ name
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ class {
+ id
+ ClassName
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const onUpdateClassStudents = /* GraphQL */ `
+ subscription OnUpdateClassStudents(
+ $filter: ModelSubscriptionClassStudentsFilterInput
+ ) {
+ onUpdateClassStudents(filter: $filter) {
+ id
+ studentsId
+ classId
+ students {
+ id
+ name
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ class {
+ id
+ ClassName
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
+export const onDeleteClassStudents = /* GraphQL */ `
+ subscription OnDeleteClassStudents(
+ $filter: ModelSubscriptionClassStudentsFilterInput
+ ) {
+ onDeleteClassStudents(filter: $filter) {
+ id
+ studentsId
+ classId
+ students {
+ id
+ name
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ class {
+ id
+ ClassName
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ createdAt
+ updatedAt
+ _version
+ _deleted
+ _lastChangedAt
+ __typename
+ }
+ }
+`;
diff --git a/src/models/index.d.ts b/src/models/index.d.ts
new file mode 100644
index 0000000..0756ec7
--- /dev/null
+++ b/src/models/index.d.ts
@@ -0,0 +1,101 @@
+import { ModelInit, MutableModel, __modelMeta__, ManagedIdentifier } from "@aws-amplify/datastore";
+// @ts-ignore
+import { LazyLoading, LazyLoadingDisabled, AsyncCollection, AsyncItem } from "@aws-amplify/datastore";
+
+
+
+
+
+type EagerStudents = {
+ readonly [__modelMeta__]: {
+ identifier: ManagedIdentifier
;
+ readOnlyFields: 'createdAt' | 'updatedAt';
+ };
+ readonly id: string;
+ readonly name?: string | null;
+ readonly classs?: (ClassStudents | null)[] | null;
+ readonly createdAt?: string | null;
+ readonly updatedAt?: string | null;
+}
+
+type LazyStudents = {
+ readonly [__modelMeta__]: {
+ identifier: ManagedIdentifier;
+ readOnlyFields: 'createdAt' | 'updatedAt';
+ };
+ readonly id: string;
+ readonly name?: string | null;
+ readonly classs: AsyncCollection;
+ readonly createdAt?: string | null;
+ readonly updatedAt?: string | null;
+}
+
+export declare type Students = LazyLoading extends LazyLoadingDisabled ? EagerStudents : LazyStudents
+
+export declare const Students: (new (init: ModelInit) => Students) & {
+ copyOf(source: Students, mutator: (draft: MutableModel) => MutableModel | void): Students;
+}
+
+type EagerClass = {
+ readonly [__modelMeta__]: {
+ identifier: ManagedIdentifier;
+ readOnlyFields: 'createdAt' | 'updatedAt';
+ };
+ readonly id: string;
+ readonly ClassName?: string | null;
+ readonly Students?: (ClassStudents | null)[] | null;
+ readonly createdAt?: string | null;
+ readonly updatedAt?: string | null;
+}
+
+type LazyClass = {
+ readonly [__modelMeta__]: {
+ identifier: ManagedIdentifier;
+ readOnlyFields: 'createdAt' | 'updatedAt';
+ };
+ readonly id: string;
+ readonly ClassName?: string | null;
+ readonly Students: AsyncCollection;
+ readonly createdAt?: string | null;
+ readonly updatedAt?: string | null;
+}
+
+export declare type Class = LazyLoading extends LazyLoadingDisabled ? EagerClass : LazyClass
+
+export declare const Class: (new (init: ModelInit) => Class) & {
+ copyOf(source: Class, mutator: (draft: MutableModel) => MutableModel | void): Class;
+}
+
+type EagerClassStudents = {
+ readonly [__modelMeta__]: {
+ identifier: ManagedIdentifier;
+ readOnlyFields: 'createdAt' | 'updatedAt';
+ };
+ readonly id: string;
+ readonly studentsId?: string | null;
+ readonly classId?: string | null;
+ readonly students: Students;
+ readonly class: Class;
+ readonly createdAt?: string | null;
+ readonly updatedAt?: string | null;
+}
+
+type LazyClassStudents = {
+ readonly [__modelMeta__]: {
+ identifier: ManagedIdentifier;
+ readOnlyFields: 'createdAt' | 'updatedAt';
+ };
+ readonly id: string;
+ readonly studentsId?: string | null;
+ readonly classId?: string | null;
+ readonly students: AsyncItem;
+ readonly class: AsyncItem;
+ readonly createdAt?: string | null;
+ readonly updatedAt?: string | null;
+}
+
+export declare type ClassStudents = LazyLoading extends LazyLoadingDisabled ? EagerClassStudents : LazyClassStudents
+
+export declare const ClassStudents: (new (init: ModelInit) => ClassStudents) & {
+ copyOf(source: ClassStudents, mutator: (draft: MutableModel) => MutableModel | void): ClassStudents;
+}
\ No newline at end of file
diff --git a/src/models/index.js b/src/models/index.js
new file mode 100644
index 0000000..034ee73
--- /dev/null
+++ b/src/models/index.js
@@ -0,0 +1,13 @@
+// @ts-check
+import { initSchema } from '@aws-amplify/datastore';
+import { schema } from './schema';
+
+
+
+const { Students, Class, ClassStudents } = initSchema(schema);
+
+export {
+ Students,
+ Class,
+ ClassStudents
+};
\ No newline at end of file
diff --git a/src/models/schema.d.ts b/src/models/schema.d.ts
new file mode 100644
index 0000000..59cbd06
--- /dev/null
+++ b/src/models/schema.d.ts
@@ -0,0 +1,3 @@
+import { Schema } from '@aws-amplify/datastore';
+
+export declare const schema: Schema;
\ No newline at end of file
diff --git a/src/models/schema.js b/src/models/schema.js
new file mode 100644
index 0000000..1fb22d3
--- /dev/null
+++ b/src/models/schema.js
@@ -0,0 +1,256 @@
+export const schema = {
+ "models": {
+ "Students": {
+ "name": "Students",
+ "fields": {
+ "id": {
+ "name": "id",
+ "isArray": false,
+ "type": "ID",
+ "isRequired": true,
+ "attributes": []
+ },
+ "name": {
+ "name": "name",
+ "isArray": false,
+ "type": "String",
+ "isRequired": false,
+ "attributes": []
+ },
+ "classs": {
+ "name": "classs",
+ "isArray": true,
+ "type": {
+ "model": "ClassStudents"
+ },
+ "isRequired": false,
+ "attributes": [],
+ "isArrayNullable": true,
+ "association": {
+ "connectionType": "HAS_MANY",
+ "associatedWith": [
+ "students"
+ ]
+ }
+ },
+ "createdAt": {
+ "name": "createdAt",
+ "isArray": false,
+ "type": "AWSDateTime",
+ "isRequired": false,
+ "attributes": [],
+ "isReadOnly": true
+ },
+ "updatedAt": {
+ "name": "updatedAt",
+ "isArray": false,
+ "type": "AWSDateTime",
+ "isRequired": false,
+ "attributes": [],
+ "isReadOnly": true
+ }
+ },
+ "syncable": true,
+ "pluralName": "Students",
+ "attributes": [
+ {
+ "type": "model",
+ "properties": {}
+ },
+ {
+ "type": "auth",
+ "properties": {
+ "rules": [
+ {
+ "allow": "public",
+ "operations": [
+ "create",
+ "update",
+ "delete",
+ "read"
+ ]
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "Class": {
+ "name": "Class",
+ "fields": {
+ "id": {
+ "name": "id",
+ "isArray": false,
+ "type": "ID",
+ "isRequired": true,
+ "attributes": []
+ },
+ "ClassName": {
+ "name": "ClassName",
+ "isArray": false,
+ "type": "String",
+ "isRequired": false,
+ "attributes": []
+ },
+ "Students": {
+ "name": "Students",
+ "isArray": true,
+ "type": {
+ "model": "ClassStudents"
+ },
+ "isRequired": false,
+ "attributes": [],
+ "isArrayNullable": true,
+ "association": {
+ "connectionType": "HAS_MANY",
+ "associatedWith": [
+ "class"
+ ]
+ }
+ },
+ "createdAt": {
+ "name": "createdAt",
+ "isArray": false,
+ "type": "AWSDateTime",
+ "isRequired": false,
+ "attributes": [],
+ "isReadOnly": true
+ },
+ "updatedAt": {
+ "name": "updatedAt",
+ "isArray": false,
+ "type": "AWSDateTime",
+ "isRequired": false,
+ "attributes": [],
+ "isReadOnly": true
+ }
+ },
+ "syncable": true,
+ "pluralName": "Classes",
+ "attributes": [
+ {
+ "type": "model",
+ "properties": {}
+ },
+ {
+ "type": "auth",
+ "properties": {
+ "rules": [
+ {
+ "allow": "public",
+ "operations": [
+ "create",
+ "update",
+ "delete",
+ "read"
+ ]
+ }
+ ]
+ }
+ }
+ ]
+ },
+ "ClassStudents": {
+ "name": "ClassStudents",
+ "fields": {
+ "id": {
+ "name": "id",
+ "isArray": false,
+ "type": "ID",
+ "isRequired": true,
+ "attributes": []
+ },
+ "studentsId": {
+ "name": "studentsId",
+ "isArray": false,
+ "type": "ID",
+ "isRequired": false,
+ "attributes": []
+ },
+ "classId": {
+ "name": "classId",
+ "isArray": false,
+ "type": "ID",
+ "isRequired": false,
+ "attributes": []
+ },
+ "students": {
+ "name": "students",
+ "isArray": false,
+ "type": {
+ "model": "Students"
+ },
+ "isRequired": true,
+ "attributes": [],
+ "association": {
+ "connectionType": "BELONGS_TO",
+ "targetNames": [
+ "studentsId"
+ ]
+ }
+ },
+ "class": {
+ "name": "class",
+ "isArray": false,
+ "type": {
+ "model": "Class"
+ },
+ "isRequired": true,
+ "attributes": [],
+ "association": {
+ "connectionType": "BELONGS_TO",
+ "targetNames": [
+ "classId"
+ ]
+ }
+ },
+ "createdAt": {
+ "name": "createdAt",
+ "isArray": false,
+ "type": "AWSDateTime",
+ "isRequired": false,
+ "attributes": [],
+ "isReadOnly": true
+ },
+ "updatedAt": {
+ "name": "updatedAt",
+ "isArray": false,
+ "type": "AWSDateTime",
+ "isRequired": false,
+ "attributes": [],
+ "isReadOnly": true
+ }
+ },
+ "syncable": true,
+ "pluralName": "ClassStudents",
+ "attributes": [
+ {
+ "type": "model",
+ "properties": {}
+ },
+ {
+ "type": "key",
+ "properties": {
+ "name": "byStudents",
+ "fields": [
+ "studentsId"
+ ]
+ }
+ },
+ {
+ "type": "key",
+ "properties": {
+ "name": "byClass",
+ "fields": [
+ "classId"
+ ]
+ }
+ }
+ ]
+ }
+ },
+ "enums": {},
+ "nonModels": {},
+ "codegenVersion": "3.4.4",
+ "version": "d552a32917823866884b9b0e6affbadf"
+};
\ No newline at end of file
diff --git a/src/pages/_app.js b/src/pages/_app.js
index 49e1451..14e58a4 100644
--- a/src/pages/_app.js
+++ b/src/pages/_app.js
@@ -2,15 +2,17 @@ import '../styles/globals.css'
import { useState, useEffect } from 'react'
import GlobalUserGroup from '../context/GlobalContext'
-import { Amplify } from 'aws-amplify'
+import {Amplify} from 'aws-amplify';
import awsExports from '../aws-exports'
Amplify.configure({
...awsExports,
- ssr: true,
+ ssr: true
})
+
function MyApp({ Component, pageProps }) {
+
const initialState = 'under13'
const [userGroup, setUserGroup] = useState(initialState)
diff --git a/src/pages/do/[title].js b/src/pages/do/[title].js
index 7f332be..8e5bf90 100644
--- a/src/pages/do/[title].js
+++ b/src/pages/do/[title].js
@@ -13,7 +13,6 @@ export async function getServerSideProps({ params }) {
const domake = data['do-make'].filter(
(domake) => domake.title === params.title
)
- console.log(domake)
return { props: { domake } }
}
diff --git a/src/pages/emotions/[name].js b/src/pages/emotions/[name].js
index 70e85fa..7e10e57 100644
--- a/src/pages/emotions/[name].js
+++ b/src/pages/emotions/[name].js
@@ -13,18 +13,9 @@ import Layout from '../../components/layout/Layout'
import ChatSpeak from '../../components/ChatSpeak'
import path from 'path'
import { promises as fs } from 'fs'
-/*
-export async function getStaticPaths() {
- const emotions = await fetchData('emotions')
+import VideoPage from '../../components/video/videoCards'
- console.log(emotions)
- const paths = emotions.map((emotion) => ({
- params: { name: emotion.name },
- }))
- return { paths, fallback: false }
-}
-*/
const Accordion = styled((props) => (
))(({ theme }) => ({
@@ -64,11 +55,6 @@ const AccordionDetails = styled(MuiAccordionDetails)(({ theme }) => ({
export async function getServerSideProps(context) {
const name = context.params.name
- // const emotion = await fetchData('emotions/?name=' + name)
- // const chat = await fetchData('chat-speak')
- // const domake = await fetchData(`do-make`)
- // const games = await fetchData(`play-game`)
-
const jsonDirectory = path.join(process.cwd(), 'json')
//Read the json data file data.json
const fileContents = await fs.readFile(jsonDirectory + '/db.json', 'utf8')
@@ -77,9 +63,10 @@ export async function getServerSideProps(context) {
const chat = data['chat-speak']
const domake = data[`do-make`]
const games = data[`play-game`]
+ const video = data[`video`].filter((video) => video.emotions.includes(name))
//Return the content of the data file in json format
- return { props: { emotion, chat, games, domake, name } }
+ return { props: { emotion, chat, games, domake, name , video} }
}
function handleActivity(activity, setGame, name) {
@@ -94,10 +81,11 @@ function handleActivity(activity, setGame, name) {
})
}
-export default function SingleEmotionPage({ emotion, chat, games, domake, name }) {
+export default function SingleEmotionPage({ emotion, chat, games, domake, name ,video}) {
const [expanded, setExpanded] = useState('')
const [game, setGame] = useState()
const [make, setMake] = useState()
+
const handleChange = (panel) => (event, newExpanded) => {
handleActivity(games, setGame, name)
@@ -169,6 +157,20 @@ export default function SingleEmotionPage({ emotion, chat, games, domake, name }
+
+
+
+
+
+
diff --git a/src/pages/schools/index.js b/src/pages/schools/index.js
index f6843ed..f504da7 100644
--- a/src/pages/schools/index.js
+++ b/src/pages/schools/index.js
@@ -1,11 +1,41 @@
-import Schools from '../../components/Schools'
-import Layout from '../../components/layout/Layout'
-const SchoolPage = () => {
+// pages/school.js (or any appropriate file name)
+import React from 'react';
+import Layout from '../../components/layout/Layout';
+import Schools from '../../components/Schools/Schools';
+import { API } from 'aws-amplify';
+import * as queries from '../../graphql/queries';
+
+
+export async function getServerSideProps() {
+
+ try {
+ const classData = await API.graphql({
+ query: queries.listClasses,
+ });
+
+ const classes = classData.data.listClasses.items;
+
+
+ return {
+ props: {
+ classes,
+ },
+ };
+ } catch (error) {
+ console.error('Error fetching classes:', error);
+ return {
+ props: {
+ classes: [],
+ },
+ };
+ }
+}
+
+function SchoolPage({ classes }) {
return (
Loading...
+ const wholeFile = JSON.parse(data)
+ const video = wholeFile['video']
+
+ return (
+