Skip to content

Commit

Permalink
Add the new storyshots I forgot to check in on the previous commit.
Browse files Browse the repository at this point in the history
  • Loading branch information
@roguenet
roguenet committed Jun 3, 2024
1 parent 44f8f63 commit dec93db
Show file tree
Hide file tree
Showing 15 changed files with 2,853 additions and 0 deletions.
307 changes: 307 additions & 0 deletions ...ents/elements/Cards/ItemMonitoringCard/__snapshots__/ItemMonitoringCard.stories.storyshot
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,307 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Storyshots Components/Elements/Cards/ItemMonitoringCards Default 1`] = `
<div
className="flex-wrap mx-auto grid max-w-full grid-cols-17 gap-3"
>
<div
className="w-full rounded-xl border border-neutral-200 bg-white p-8 col-span-4"
>
<div
className="m-[-18px] mr-[-27px]"
>
<div
className="flex justify-between"
>
<p
className="flex items-center tracking-[-0.154px] text-14"
data-testid="txt"
>
Tree Count

<div
className="group relative flex flex-col items-center undefined"
>
<div
className="shadow-lg absolute bottom-full z-10 mb-1 hidden rounded bg-darkCustom p-2 text-center text-white group-hover:inline-block lg:p-3 w-56 top"
>
<div
className="absolute bottom-0 left-1/2 ml-[-4px] mb-[-9px] hidden border-[5px] border-darkCustom border-r-transparent border-b-transparent border-l-transparent group-hover:block "
/>
<p
className="text-12-semibold"
data-testid="txt"
>
Tree Count
</p>
<p
className="text-12-light"
data-testid="txt"
/>
</div>
<div
style={
Object {
"height": undefined,
"width": 24,
}
}
/>
</div>
</p>
</div>
<p
className="text-24"
data-testid="txt"
>
462
</p>
</div>
</div>
</div>
`;

exports[`Storyshots Components/Elements/Cards/ItemMonitoringCards Type Graph 1`] = `
<div
className="flex-wrap mx-auto grid max-w-full grid-cols-17 gap-3"
>
<div
className="w-full rounded-xl border border-neutral-200 bg-white p-8 col-span-4"
>
<div
className="m-[-18px] mr-[-27px]"
>
<div
className="flex justify-between"
>
<p
className="flex items-center tracking-[-0.154px] w-full justify-center text-14"
data-testid="txt"
>
Tree Count

<div
className="group relative flex flex-col items-center undefined"
>
<div
className="shadow-lg absolute bottom-full z-10 mb-1 hidden rounded bg-darkCustom p-2 text-center text-white group-hover:inline-block lg:p-3 w-56 top"
>
<div
className="absolute bottom-0 left-1/2 ml-[-4px] mb-[-9px] hidden border-[5px] border-darkCustom border-r-transparent border-b-transparent border-l-transparent group-hover:block "
/>
<p
className="text-12-semibold"
data-testid="txt"
>
Tree Count
</p>
<p
className="text-12-light"
data-testid="txt"
/>
</div>
<div
style={
Object {
"height": undefined,
"width": 24,
}
}
/>
</div>
</p>
</div>
<div
className="relative"
>
<div
style={
Object {
"height": undefined,
"width": 24,
}
}
/>
</div>
<div
className="mt-2 flex flex-wrap justify-center gap-x-2"
>
<span
className="flex items-center whitespace-nowrap text-8"
data-testid="txt"
>
<div
className="h-1 w-1 lg:h-2 lg:w-2 bg-blueCustom rounded-full"
/>

Average Number of Trees per hectare
</span>
<span
className="flex items-center whitespace-nowrap text-8"
data-testid="txt"
>
<div
className="h-1 w-1 lg:h-2 lg:w-2 bg-primary rounded-full"
/>

Number of Trees
</span>
</div>
</div>
</div>
</div>
`;

exports[`Storyshots Components/Elements/Cards/ItemMonitoringCards Type Graph Button 1`] = `
<div
className="flex-wrap mx-auto grid max-w-full grid-cols-17 gap-3"
>
<div
className="w-full rounded-xl border border-neutral-200 bg-white p-8 col-span-9 row-span-2"
>
<div
className="m-[-18px] mr-[-27px]"
>
<div
className="flex justify-between"
>
<p
className="flex items-center tracking-[-0.154px] pl-[7.2%] text-14"
data-testid="txt"
>
EMA SNOVO

<div
className="group relative flex flex-col items-center undefined"
>
<div
className="shadow-lg absolute bottom-full z-10 mb-1 hidden rounded bg-darkCustom p-2 text-center text-white group-hover:inline-block lg:p-3 w-56 top"
>
<div
className="absolute bottom-0 left-1/2 ml-[-4px] mb-[-9px] hidden border-[5px] border-darkCustom border-r-transparent border-b-transparent border-l-transparent group-hover:block "
/>
<p
className="text-12-semibold"
data-testid="txt"
>
EMA SNOVO
</p>
<p
className="text-12-light"
data-testid="txt"
/>
</div>
<div
style={
Object {
"height": undefined,
"width": 24,
}
}
/>
</div>
</p>
<div
className="flex rounded-lg bg-neutral-100 p-1"
>
<button
className="flex items-center justify-center gap-1.5 tracking-wide w-fit-content text-blueCustom-600"
>
<span
className="text-14-light px-3 py-1 opacity-60 rounded-lg"
>
Week
</span>
</button>
<button
className="flex items-center justify-center gap-1.5 tracking-wide w-fit-content text-blueCustom-600"
>
<span
className="text-14-semibold px-3 py-1 bg-white rounded-lg"
>
Month
</span>
</button>
<button
className="flex items-center justify-center gap-1.5 tracking-wide w-fit-content text-blueCustom-600"
>
<span
className="text-14-light px-3 py-1 opacity-60 rounded-lg"
>
Year
</span>
</button>
</div>
</div>
<div
className="relative"
>
<div
className="absolute top-[40%] left-[40%] flex flex-col rounded-lg bg-white p-1 shadow"
>
<div
className="flex items-center gap-1"
>
<div
className="h-[10px] w-[10px] rounded-full bg-primary"
/>
<p
className="text-grey-700 text-12-light"
data-testid="txt"
>
2024
</p>
</div>
<p
className="text-primary text-14-bold"
data-testid="txt"
>
43%
</p>
</div>
<div
style={
Object {
"height": undefined,
"width": 24,
}
}
/>
</div>
</div>
</div>
</div>
`;

exports[`Storyshots Components/Elements/Cards/ItemMonitoringCards Type Map 1`] = `
<div
className="flex-wrap mx-auto grid max-w-full grid-cols-17 gap-3"
>
<div
className="w-full rounded-xl border border-neutral-200 p-8 col-span-4 bg-mapsImg bg-cover"
>
<div
className="m-[-18px] mr-[-27px]"
>
<div
className="flex justify-between"
>
<div />
<button
className="mr-1 rounded-lg bg-white p-1 text-darkCustom-100 hover:text-primary"
type="button"
>
<div
style={
Object {
"height": undefined,
"width": 24,
}
}
/>
</button>
</div>
</div>
</div>
</div>
`;
85 changes: 85 additions & 0 deletions src/components/elements/Cards/UserRoleCard/__snapshots__/UserRoleCard.stories.storyshot
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Storyshots Components/Elements/Cards/UserRoleCard Default 1`] = `
<div
className="p-4"
>
<article
className="flex cursor-pointer items-center gap-2 rounded-lg border-2 p-3 border-primary"
>
<div
className="rounded-lg border border-grey-350 p-2"
>
<div
style={
Object {
"height": undefined,
"width": 24,
}
}
/>
</div>
<div
className="flex flex-1 flex-col items-start gap-1"
>
<p
className="text-darkCustom text-12-bold"
data-testid="txt"
>
I’m a Funder/Investor
</p>
<p
className="text-left leading-normal text-darkCustom-50 text-12-light"
data-testid="txt"
>
Evaluate ROI, aid strategic investment decisions and guide funding priorities.
</p>
<div
className="relative w-fit-content"
onClick={[Function]}
>
<p
className="text-primary text-12-bold"
data-testid="txt"
>
Select Framework
</p>
<div
className="absolute z-40 top-full mt-[5px] invisible"
style={
Object {
"width": "undefinedpx",
}
}
>
<div
className="fixed z-40 flex flex-col gap-1 overflow-auto rounded-lg bg-white p-2 shadow-[0_0_5px_0_rgba(0,0,0,0.2)] max-h-[273px]"
style={Object {}}
>
<button
className="shadow-shadow-select flex cursor-pointer items-center gap-2 rounded-lg p-2 hover:bg-primary-200 w-full hover:text-primary-500 whitespace-nowrap"
onClick={[Function]}
>
ppc
</button>
<button
className="shadow-shadow-select flex cursor-pointer items-center gap-2 rounded-lg p-2 hover:bg-primary-200 w-full hover:text-primary-500 whitespace-nowrap"
onClick={[Function]}
>
terrafund
</button>
</div>
</div>
</div>
</div>
<div
style={
Object {
"height": undefined,
"width": 24,
}
}
/>
</article>
</div>
`;
Loading

0 comments on commit dec93db

Please sign in to comment.