lib/Mind-Expanding-Books
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve bookcard UI responsiveness (#231)

Browse Source 
* Improve bookcard responsive UI

* Hamburger menu

* Resolved conflict, mergin to upstream

* fix missing bookmark button
This commit is contained in:
Irsyad Rahman
2020-10-18 13:09:57 +07:00
committed by GitHub
parent d656841cb3
commit 97522a0332
12 changed files with 8691 additions and 5500 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
app/src/templates/categoryTemplate.js
View File

@@ -1,31 +1,32 @@
import React, { useState, useEffect } from 'react';
import { graphql } from 'gatsby';
import React, { useState, useEffect } from "react"
import { graphql } from "gatsby"
import { Container, Row, Col } from 'react-bootstrap';
import Layout from '../components/layout';
import SEO from '../components/seo';
import SideBar from '../components/sidebar';
import CategoryDescription from '../components/categorydescription';
import BookFeed from '../components/feed';
import Layout from "../components/layout"
import SEO from "../components/seo"
import SideBar from "../components/sidebar"
import CategoryDescription from "../components/categorydescription"
import { Container, Row, Col } from "react-bootstrap"
import BookFeed from "../components/feed"
const basicTemplate = props => {
const { pageContext } = props
const { categoryName, data, image } = pageContext
const basicTemplate = (props) => {
const { pageContext } = props;
const { categoryName, data } = pageContext;
return (
<Layout>
<SEO title="Home" />
<Container fluid>
<Row>
<Col xs={2}>
<Col lg={2}>
<SideBar />
</Col>
<Col>
<CategoryDescription categoryName={categoryName} />
<Col lg={10}>
<CategoryDescription categoryName={categoryName} categoryImage={image} />
<BookFeed data={data} categoryName={categoryName} />
</Col>
</Row>
</Container>
</Layout>
);
};
export default basicTemplate;
)
}
export default basicTemplate