Skip to content

Commit

Permalink
converted all resource listing to amp hybrid #55
Browse files Browse the repository at this point in the history
  • Loading branch information
Abhinandan Arya committed Apr 25, 2021
1 parent eea1290 commit a76f17b
Show file tree
Hide file tree
Showing 7 changed files with 394 additions and 132 deletions.
87 changes: 64 additions & 23 deletions pages/[state]/[district]/ambulance.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,14 @@ import { humanize, statePaths } from '../../../lib/utils';
import AmbulanceCard from '../../../components/AmbulanceCard';
import Breadcumb from '../../../components/Breadcumb';
import { NextSeo } from 'next-seo';
import { useAmp } from 'next/amp';

export const config = {
amp: 'hybrid'
};

export default function Ambulance({ state, district, ambulancesListing }) {
const isAmp = useAmp();
const SEO = {
title: `Ambulance in ${humanize(district)} , ${humanize(state)}`,
description: `Covid19 Resources for Ambulance in ${humanize(district)} , ${humanize(
Expand All @@ -29,29 +35,64 @@ export default function Ambulance({ state, district, ambulancesListing }) {
]}
/>
<div className="w-full space-y-4 mt-4 mb-4">
{ambulancesListing.map(
({
name,
phone1,
phone2,
area,
source,
id,
createdTime,
verificationStatus,
lastVerifiedOn
}) => (
<AmbulanceCard
key={id}
name={name}
phone1={phone1}
phone2={phone2}
area={area}
source={source}
createdTime={createdTime}
verificationStatus={verificationStatus}
lastVerifiedOn={lastVerifiedOn}
/>
{isAmp ? (
<>
<amp-state id="ambulance">
<script
type="application/json"
dangerouslySetInnerHTML={{
__html: JSON.stringify({
items: ambulancesListing
})
}}></script>
</amp-state>
<amp-list
width="auto"
height="100"
layout="fixed-height"
src="amp-state:ambulance">
<template type="amp-mustache">
<AmbulanceCard
key={`{{id}}`}
category={`{{category}}`}
createdTime={`{{createdTime}}`}
description={`{{description}}`}
district={`{{district}}`}
phone1={`{{phone1}}`}
source={`{{source}}`}
slink={`{{sourceUrl}}`}
state={`{{state}}`}
subCategory={`{{subCategory}}`}
lastVerifiedOn={`{{lastVerifiedOn}}`}
/>
</template>
</amp-list>
</>
) : (
ambulancesListing.map(
({
name,
phone1,
phone2,
area,
source,
id,
createdTime,
verificationStatus,
lastVerifiedOn
}) => (
<AmbulanceCard
key={id}
name={name}
phone1={phone1}
phone2={phone2}
area={area}
source={source}
createdTime={createdTime}
verificationStatus={verificationStatus}
lastVerifiedOn={lastVerifiedOn}
/>
)
)
)}
</div>
Expand Down
75 changes: 58 additions & 17 deletions pages/[state]/[district]/helpline.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,14 @@ import { statePaths, humanize, parseDateString } from '../../../lib/utils';
import Breadcumb from '../../../components/Breadcumb';
import HelplineCard from '../../../components/HelplineCard';
import { NextSeo } from 'next-seo';
import { useAmp } from 'next/amp';

export const config = {
amp: 'hybrid'
};

export default function Helpline({ state, district, helplines }) {
const isAmp = useAmp();
const SEO = {
title: `Helpline in ${humanize(district)} , ${humanize(state)}`,
description: `Covid19 Resources for Helpline in ${humanize(district)} , ${humanize(
Expand Down Expand Up @@ -35,23 +41,58 @@ export default function Helpline({ state, district, helplines }) {
{humanize(district)}
</h1>
<div className="space-y-4 mt-4 max-w-3xl w-full">
{helplines.map((p) => {
return (
<HelplineCard
key={p.id}
category={p.category}
createdTime={p.createdTime}
description={p.description}
district={p.district}
phone1={p.phone1}
source={p.source}
slink={p.sourceUrl}
state={p.state}
subCategory={p.subCategory}
lastVerifiedOn={p.lastVerifiedOn}
/>
);
})}
{isAmp ? (
<>
<amp-state id="helpline">
<script
type="application/json"
dangerouslySetInnerHTML={{
__html: JSON.stringify({
items: helplineByDistrict
})
}}></script>
</amp-state>
<amp-list
width="auto"
height="100"
layout="fixed-height"
src="amp-state:helpline">
<template type="amp-mustache">
<HelplineCard
key={`{{id}}`}
category={`{{category}}`}
createdTime={`{{createdTime}}`}
description={`{{description}}`}
district={`{{district}}`}
phone1={`{{phone1}}`}
source={`{{source}}`}
slink={`{{sourceUrl}}`}
state={`{{state}}`}
subCategory={`{{subCategory}}`}
lastVerifiedOn={`{{lastVerifiedOn}}`}
/>
</template>
</amp-list>
</>
) : (
helplines.map((p) => {
return (
<HelplineCard
key={p.id}
category={p.category}
createdTime={p.createdTime}
description={p.description}
district={p.district}
phone1={p.phone1}
source={p.source}
slink={p.sourceUrl}
state={p.state}
subCategory={p.subCategory}
lastVerifiedOn={p.lastVerifiedOn}
/>
);
})
)}
</div>
</section>
</div>
Expand Down
69 changes: 54 additions & 15 deletions pages/[state]/[district]/hospitals.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,14 @@ import Head from 'next/head';
import Breadcumb from '../../../components/Breadcumb';
import HospitalCard from '../../../components/HospitalCard';
import { NextSeo } from 'next-seo';
import { useAmp } from 'next/amp';

export const config = {
amp: 'hybrid'
};

export default function Hospitals({ state, district, hospitalByDistrict }) {
const isAmp = useAmp();
const SEO = {
title: `Hospitals in ${humanize(district)} , ${humanize(state)}`,
description: `Covid19 Resources for Hospitals in ${humanize(district)} , ${humanize(
Expand Down Expand Up @@ -41,21 +47,54 @@ export default function Hospitals({ state, district, hospitalByDistrict }) {
{humanize(district)}
</h1>
<div className="w-full space-y-4 mt-4 max-w-3xl w-full">
{hospitalByDistrict.map((p) => {
return (
<HospitalCard
key={p.id}
name={p.name}
pointOfContact={p.pointOfContact}
createdTime={p.createdTime}
phone1={p.phone1}
district={p.district}
state={p.state}
verificationStatus={p.verificationStatus}
lastVerifiedOn={p.lastVerifiedOn}
/>
);
})}
{isAmp ? (
<>
<amp-state id="hospitals">
<script
type="application/json"
dangerouslySetInnerHTML={{
__html: JSON.stringify({
items: hospitalByDistrict
})
}}></script>
</amp-state>
<amp-list
width="auto"
height="100"
layout="fixed-height"
src="amp-state:hospitals">
<template type="amp-mustache">
<HospitalCard
key={`{{id}}`}
name={`{{name}}`}
pointOfContact={`{{pointOfContact}}`}
createdTime={`{{createdTime}}`}
phone1={`{{phone1}}`}
district={`{{district}}`}
state={`{{state}}`}
verificationStatus={`{{verificationStatus}}`}
lastVerifiedOn={`{{lastVerifiedOn}}`}
/>
</template>
</amp-list>
</>
) : (
hospitalByDistrict.map((p) => {
return (
<HospitalCard
key={p.id}
name={p.name}
pointOfContact={p.pointOfContact}
createdTime={p.createdTime}
phone1={p.phone1}
district={p.district}
state={p.state}
verificationStatus={p.verificationStatus}
lastVerifiedOn={p.lastVerifiedOn}
/>
);
})
)}
</div>
</section>
</div>
Expand Down
92 changes: 60 additions & 32 deletions pages/[state]/[district]/medicine.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,14 @@ import { statePaths, humanize } from '../../../lib/utils';
import Breadcumb from '../../../components/Breadcumb';
import MedicinesCard from '../../../components/MedicinesCard';
import { NextSeo } from 'next-seo';
import { useAmp } from 'next/amp';

export const config = {
amp: 'hybrid'
};

export const config = { amp: true };
export default function Medicine({ state, district, medicineByDistrict }) {
const isAmp = useAmp();
const SEO = {
title: `Medicines in ${humanize(district)} , ${humanize(state)}`,
description: `Covid19 Resources for Medicines in ${humanize(district)} , ${humanize(
Expand Down Expand Up @@ -36,37 +41,60 @@ export default function Medicine({ state, district, medicineByDistrict }) {
{humanize(district)}
</h1>
<div className="w-full space-y-4 mt-4 mb-4">
<amp-state id="medicines">
<script
type="application/json"
dangerouslySetInnerHTML={{
__html: JSON.stringify({
items: medicineByDistrict
})
}}></script>
</amp-state>
<amp-list
width="auto"
height="100"
layout="fixed-height"
src="amp-state:medicines">
<template type="amp-mustache">
<MedicinesCard
key={`{{ id }}`}
verificationStatus={`{{ verificationStatus }}`}
name={`{{ name }}`}
distributorName={`{{ distributorName }}`}
city={`{{ city }}`}
phone1={`{{ phone1 }}`}
address={`{{ address }}`}
description={`{{ description }}`}
createdTime={`{{ createdTime }}`}
slink={`{{ source_link }}`}
email={`{{ emailId }}`}
lastVerifiedOn={`{{ lastVerifiedOn }}`}
/>
</template>
</amp-list>
{isAmp ? (
<>
<amp-state id="medicines">
<script
type="application/json"
dangerouslySetInnerHTML={{
__html: JSON.stringify({
items: medicineByDistrict
})
}}></script>
</amp-state>
<amp-list
width="auto"
height="100"
layout="fixed-height"
src="amp-state:medicines">
<template type="amp-mustache">
<MedicinesCard
key={`{{ id }}`}
verificationStatus={`{{ verificationStatus }}`}
name={`{{ name }}`}
distributorName={`{{ distributorName }}`}
city={`{{ city }}`}
phone1={`{{ phone1 }}`}
address={`{{ address }}`}
description={`{{ description }}`}
createdTime={`{{ createdTime }}`}
slink={`{{ source_link }}`}
email={`{{ emailId }}`}
lastVerifiedOn={`{{ lastVerifiedOn }}`}
/>
</template>
</amp-list>
</>
) : (
medicineByDistrict.map((p) => {
return (
<MedicinesCard
key={p.id}
verificationStatus={p.verificationStatus}
name={p.name}
distributorName={p.distributorName}
city={p.city}
phone1={p.phone1}
address={p.address}
description={p.description}
createdTime={p.createdTime}
slink={p.source_link}
email={p.emailId}
lastVerifiedOn={p.lastVerifiedOn}
/>
);
})
)}
</div>
</section>
</div>
Expand Down
Loading

0 comments on commit a76f17b

Please sign in to comment.