App reorganization
This commit is contained in:
adilallo
@@ -56,7 +56,7 @@ export const Small = {
|
||||
args: {
|
||||
number: 1,
|
||||
text: "Document how your community makes decisions",
|
||||
size: "Small",
|
||||
size: "small",
|
||||
iconShape: "blob",
|
||||
iconColor: "green",
|
||||
},
|
||||
@@ -74,7 +74,7 @@ export const Medium = {
|
||||
args: {
|
||||
number: 1,
|
||||
text: "Document how your community makes decisions",
|
||||
size: "Medium",
|
||||
size: "medium",
|
||||
iconShape: "blob",
|
||||
iconColor: "green",
|
||||
},
|
||||
@@ -92,7 +92,7 @@ export const Large = {
|
||||
args: {
|
||||
number: 1,
|
||||
text: "Document how your community makes decisions",
|
||||
size: "Large",
|
||||
size: "large",
|
||||
iconShape: "blob",
|
||||
iconColor: "green",
|
||||
},
|
||||
@@ -110,7 +110,7 @@ export const XLarge = {
|
||||
args: {
|
||||
number: 1,
|
||||
text: "Document how your community makes decisions",
|
||||
size: "XLarge",
|
||||
size: "xlarge",
|
||||
iconShape: "blob",
|
||||
iconColor: "green",
|
||||
},
|
||||
|
||||
@@ -82,11 +82,11 @@ export const Expanded = {
|
||||
{
|
||||
name: "Values",
|
||||
chipOptions: [
|
||||
{ id: "values-1", label: "Consciousness", state: "Unselected" },
|
||||
{ id: "values-2", label: "Ecology", state: "Unselected" },
|
||||
{ id: "values-3", label: "Abundance", state: "Unselected" },
|
||||
{ id: "values-4", label: "Art", state: "Unselected" },
|
||||
{ id: "values-5", label: "Decisiveness", state: "Unselected" },
|
||||
{ id: "values-1", label: "Consciousness", state: "unselected" },
|
||||
{ id: "values-2", label: "Ecology", state: "unselected" },
|
||||
{ id: "values-3", label: "Abundance", state: "unselected" },
|
||||
{ id: "values-4", label: "Art", state: "unselected" },
|
||||
{ id: "values-5", label: "Decisiveness", state: "unselected" },
|
||||
],
|
||||
onChipClick: (categoryName, chipId) => {
|
||||
console.log(`Chip clicked: ${categoryName} - ${chipId}`);
|
||||
@@ -97,7 +97,7 @@ export const Expanded = {
|
||||
},
|
||||
{
|
||||
name: "Communication",
|
||||
chipOptions: [{ id: "comm-1", label: "Signal", state: "Unselected" }],
|
||||
chipOptions: [{ id: "comm-1", label: "Signal", state: "unselected" }],
|
||||
onChipClick: (categoryName, chipId) => {
|
||||
console.log(`Chip clicked: ${categoryName} - ${chipId}`);
|
||||
},
|
||||
@@ -108,7 +108,7 @@ export const Expanded = {
|
||||
{
|
||||
name: "Membership",
|
||||
chipOptions: [
|
||||
{ id: "membership-1", label: "Open Admission", state: "Unselected" },
|
||||
{ id: "membership-1", label: "Open Admission", state: "unselected" },
|
||||
],
|
||||
onChipClick: (categoryName, chipId) => {
|
||||
console.log(`Chip clicked: ${categoryName} - ${chipId}`);
|
||||
@@ -120,11 +120,11 @@ export const Expanded = {
|
||||
{
|
||||
name: "Decision-making",
|
||||
chipOptions: [
|
||||
{ id: "decision-1", label: "Lazy Consensus", state: "Unselected" },
|
||||
{ id: "decision-1", label: "Lazy Consensus", state: "unselected" },
|
||||
{
|
||||
id: "decision-2",
|
||||
label: "Modified Consensus",
|
||||
state: "Unselected",
|
||||
state: "unselected",
|
||||
},
|
||||
],
|
||||
onChipClick: (categoryName, chipId) => {
|
||||
@@ -137,11 +137,11 @@ export const Expanded = {
|
||||
{
|
||||
name: "Conflict management",
|
||||
chipOptions: [
|
||||
{ id: "conflict-1", label: "Code of Conduct", state: "Unselected" },
|
||||
{ id: "conflict-1", label: "Code of Conduct", state: "unselected" },
|
||||
{
|
||||
id: "conflict-2",
|
||||
label: "Restorative Justice",
|
||||
state: "Unselected",
|
||||
state: "unselected",
|
||||
},
|
||||
],
|
||||
onChipClick: (categoryName, chipId) => {
|
||||
@@ -246,42 +246,42 @@ export const ExpandedMedium = {
|
||||
{
|
||||
name: "Values",
|
||||
chipOptions: [
|
||||
{ id: "values-1", label: "Consciousness", state: "Unselected" },
|
||||
{ id: "values-2", label: "Ecology", state: "Unselected" },
|
||||
{ id: "values-3", label: "Abundance", state: "Unselected" },
|
||||
{ id: "values-4", label: "Art", state: "Unselected" },
|
||||
{ id: "values-5", label: "Decisiveness", state: "Unselected" },
|
||||
{ id: "values-1", label: "Consciousness", state: "unselected" },
|
||||
{ id: "values-2", label: "Ecology", state: "unselected" },
|
||||
{ id: "values-3", label: "Abundance", state: "unselected" },
|
||||
{ id: "values-4", label: "Art", state: "unselected" },
|
||||
{ id: "values-5", label: "Decisiveness", state: "unselected" },
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Communication",
|
||||
chipOptions: [{ id: "comm-1", label: "Signal", state: "Unselected" }],
|
||||
chipOptions: [{ id: "comm-1", label: "Signal", state: "unselected" }],
|
||||
},
|
||||
{
|
||||
name: "Membership",
|
||||
chipOptions: [
|
||||
{ id: "membership-1", label: "Open Admission", state: "Unselected" },
|
||||
{ id: "membership-1", label: "Open Admission", state: "unselected" },
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Decision-making",
|
||||
chipOptions: [
|
||||
{ id: "decision-1", label: "Lazy Consensus", state: "Unselected" },
|
||||
{ id: "decision-1", label: "Lazy Consensus", state: "unselected" },
|
||||
{
|
||||
id: "decision-2",
|
||||
label: "Modified Consensus",
|
||||
state: "Unselected",
|
||||
state: "unselected",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Conflict management",
|
||||
chipOptions: [
|
||||
{ id: "conflict-1", label: "Code of Conduct", state: "Unselected" },
|
||||
{ id: "conflict-1", label: "Code of Conduct", state: "unselected" },
|
||||
{
|
||||
id: "conflict-2",
|
||||
label: "Restorative Justice",
|
||||
state: "Unselected",
|
||||
state: "unselected",
|
||||
},
|
||||
],
|
||||
},
|
||||
@@ -394,9 +394,9 @@ export const InteractiveStates = {
|
||||
{
|
||||
name: "Values",
|
||||
chipOptions: [
|
||||
{ id: "values-1", label: "Consciousness", state: "Unselected" },
|
||||
{ id: "values-2", label: "Ecology", state: "Unselected" },
|
||||
{ id: "values-3", label: "Abundance", state: "Unselected" },
|
||||
{ id: "values-1", label: "Consciousness", state: "unselected" },
|
||||
{ id: "values-2", label: "Ecology", state: "unselected" },
|
||||
{ id: "values-3", label: "Abundance", state: "unselected" },
|
||||
],
|
||||
onChipClick: (categoryName, chipId) => {
|
||||
console.log(`Chip clicked: ${categoryName} - ${chipId}`);
|
||||
@@ -407,7 +407,7 @@ export const InteractiveStates = {
|
||||
},
|
||||
{
|
||||
name: "Communication",
|
||||
chipOptions: [{ id: "comm-1", label: "Signal", state: "Unselected" }],
|
||||
chipOptions: [{ id: "comm-1", label: "Signal", state: "unselected" }],
|
||||
onChipClick: (categoryName, chipId) => {
|
||||
console.log(`Chip clicked: ${categoryName} - ${chipId}`);
|
||||
},
|
||||
|
||||
@@ -0,0 +1,66 @@
|
||||
import { TemplateReviewCard } from "../../app/components/cards/TemplateReviewCard";
|
||||
|
||||
const sampleTemplate = {
|
||||
id: "tmpl-1",
|
||||
slug: "consensus",
|
||||
title: "Consensus",
|
||||
category: null,
|
||||
description:
|
||||
"Important decisions require unanimous agreement. Proposals pass only if no serious objections remain.",
|
||||
body: {
|
||||
sections: [
|
||||
{
|
||||
categoryName: "Decision making",
|
||||
entries: [
|
||||
{ title: "How proposals pass", body: "Unanimous agreement is required." },
|
||||
{ title: "Blocks", body: "Anyone with a serious objection may block." },
|
||||
],
|
||||
},
|
||||
{
|
||||
categoryName: "Membership",
|
||||
entries: [
|
||||
{ title: "Joining", body: "New members are welcomed by consensus." },
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
sortOrder: 1,
|
||||
featured: true,
|
||||
};
|
||||
|
||||
export default {
|
||||
title: "Components/Cards/TemplateReviewCard",
|
||||
component: TemplateReviewCard,
|
||||
parameters: {
|
||||
layout: "centered",
|
||||
},
|
||||
argTypes: {
|
||||
template: {
|
||||
control: false,
|
||||
description: "RuleTemplateDto used to populate the card",
|
||||
},
|
||||
size: {
|
||||
control: "select",
|
||||
options: ["XS", "S", "M", "L"],
|
||||
description: "RuleCard size variant",
|
||||
},
|
||||
ruleCardClassName: {
|
||||
control: "text",
|
||||
description: "Class names merged onto the inner RuleCard",
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export const Default = {
|
||||
args: {
|
||||
template: sampleTemplate,
|
||||
size: "L",
|
||||
},
|
||||
};
|
||||
|
||||
export const Medium = {
|
||||
args: {
|
||||
template: sampleTemplate,
|
||||
size: "M",
|
||||
},
|
||||
};
|
||||
Reference in New Issue
Block a user