-
Notifications
You must be signed in to change notification settings - Fork 87
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[laboratory] folder structure for collections #5066
Conversation
|
📚 Storybook DeploymentThe latest changes are available as preview in: https://262fc792.hive-storybook.pages.dev |
🐋 This PR was built and pushed to the following Docker images (tag: Docker Bake metadata{
"app": {
"buildx.build.ref": "builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe5/builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe50/atj7qi6qbgjk0jaa5eb6aqq62",
"containerimage.descriptor": {
"mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
"digest": "sha256:a19e04b15e7fab267505e34e66b466cf2f0a40df0aa58528bbb216618bf28dae",
"size": 685
},
"containerimage.digest": "sha256:a19e04b15e7fab267505e34e66b466cf2f0a40df0aa58528bbb216618bf28dae",
"image.name": "ghcr.io/kamilkisiela/graphql-hive/app:4a7b2f74f4897d995b13a6dfeee9f321919030ba,ghcr.io/kamilkisiela/graphql-hive/app:kamil_lab_folder_structure"
},
"composition-federation-2": {
"buildx.build.ref": "builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe5/builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe50/cy1f27pfg9vajtk850awi85mf",
"containerimage.descriptor": {
"mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
"digest": "sha256:088b9e453998a0e28363881202b13de676297d885c84ef71d1116050ed898e34",
"size": 685
},
"containerimage.digest": "sha256:088b9e453998a0e28363881202b13de676297d885c84ef71d1116050ed898e34",
"image.name": "ghcr.io/kamilkisiela/graphql-hive/composition-federation-2:4a7b2f74f4897d995b13a6dfeee9f321919030ba,ghcr.io/kamilkisiela/graphql-hive/composition-federation-2:kamil_lab_folder_structure"
},
"emails": {
"buildx.build.ref": "builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe5/builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe50/wii2kpgxkeyop5lyu3d1p8n9z",
"containerimage.descriptor": {
"mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
"digest": "sha256:dbed120931ae70639b56de57634fb9bb58f5ed8af9c860754c03cf1b014f3020",
"size": 685
},
"containerimage.digest": "sha256:dbed120931ae70639b56de57634fb9bb58f5ed8af9c860754c03cf1b014f3020",
"image.name": "ghcr.io/kamilkisiela/graphql-hive/emails:4a7b2f74f4897d995b13a6dfeee9f321919030ba,ghcr.io/kamilkisiela/graphql-hive/emails:kamil_lab_folder_structure"
},
"policy": {
"buildx.build.ref": "builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe5/builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe50/izc45ywoc7p1bdzmu9zlv3c4x",
"containerimage.descriptor": {
"mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
"digest": "sha256:93dbeba43efd962dc6d853ef5f1e501b22ba05894119fe61ad10d84dfae6aa0d",
"size": 685
},
"containerimage.digest": "sha256:93dbeba43efd962dc6d853ef5f1e501b22ba05894119fe61ad10d84dfae6aa0d",
"image.name": "ghcr.io/kamilkisiela/graphql-hive/policy:4a7b2f74f4897d995b13a6dfeee9f321919030ba,ghcr.io/kamilkisiela/graphql-hive/policy:kamil_lab_folder_structure"
},
"rate-limit": {
"buildx.build.ref": "builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe5/builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe50/e2yu1eeade76kvemag7tns6tr",
"containerimage.descriptor": {
"mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
"digest": "sha256:55f7b767f2c57e49f3c592d4dd5f952106adf2cadc02225fcfae4ee2e43edfeb",
"size": 685
},
"containerimage.digest": "sha256:55f7b767f2c57e49f3c592d4dd5f952106adf2cadc02225fcfae4ee2e43edfeb",
"image.name": "ghcr.io/kamilkisiela/graphql-hive/rate-limit:4a7b2f74f4897d995b13a6dfeee9f321919030ba,ghcr.io/kamilkisiela/graphql-hive/rate-limit:kamil_lab_folder_structure"
},
"schema": {
"buildx.build.ref": "builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe5/builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe50/rwvcipuk5qodxvhxghh5mf0k1",
"containerimage.descriptor": {
"mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
"digest": "sha256:3ffdcc3d85031333ad2065320d5397855e03c1e360f9505b0f10a755d0927b4f",
"size": 685
},
"containerimage.digest": "sha256:3ffdcc3d85031333ad2065320d5397855e03c1e360f9505b0f10a755d0927b4f",
"image.name": "ghcr.io/kamilkisiela/graphql-hive/schema:4a7b2f74f4897d995b13a6dfeee9f321919030ba,ghcr.io/kamilkisiela/graphql-hive/schema:kamil_lab_folder_structure"
},
"server": {
"buildx.build.ref": "builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe5/builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe50/0u6ed913c4him4l5m0x3lrxbl",
"containerimage.descriptor": {
"mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
"digest": "sha256:7e2bd0ab3f4aeb7dfa1446738e9fa05bd303505aee333ee66bc2aae0a3a0df7b",
"size": 685
},
"containerimage.digest": "sha256:7e2bd0ab3f4aeb7dfa1446738e9fa05bd303505aee333ee66bc2aae0a3a0df7b",
"image.name": "ghcr.io/kamilkisiela/graphql-hive/server:4a7b2f74f4897d995b13a6dfeee9f321919030ba,ghcr.io/kamilkisiela/graphql-hive/server:kamil_lab_folder_structure"
},
"storage": {
"buildx.build.ref": "builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe5/builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe50/8enpkj78a8maczpcx53m6uusf",
"containerimage.descriptor": {
"mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
"digest": "sha256:24734e9c453e2dedece4aac06c837cfad6019c1782f0473f54deed0ac49db83d",
"size": 685
},
"containerimage.digest": "sha256:24734e9c453e2dedece4aac06c837cfad6019c1782f0473f54deed0ac49db83d",
"image.name": "ghcr.io/kamilkisiela/graphql-hive/storage:4a7b2f74f4897d995b13a6dfeee9f321919030ba,ghcr.io/kamilkisiela/graphql-hive/storage:kamil_lab_folder_structure"
},
"stripe-billing": {
"buildx.build.ref": "builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe5/builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe50/cc82txy25k7o3m8heaprnb0hz",
"containerimage.descriptor": {
"mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
"digest": "sha256:b01aa2b2d53328607f97cc19135dd10cfa5bab9cb00c4349be96d1ab21cd802b",
"size": 685
},
"containerimage.digest": "sha256:b01aa2b2d53328607f97cc19135dd10cfa5bab9cb00c4349be96d1ab21cd802b",
"image.name": "ghcr.io/kamilkisiela/graphql-hive/stripe-billing:4a7b2f74f4897d995b13a6dfeee9f321919030ba,ghcr.io/kamilkisiela/graphql-hive/stripe-billing:kamil_lab_folder_structure"
},
"tokens": {
"buildx.build.ref": "builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe5/builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe50/lbfd77dq0bjfh1zwt09tz9b5h",
"containerimage.descriptor": {
"mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
"digest": "sha256:d3a0695693e5024403338e0a15e0f3063580893323b5f73f68bec1440868402e",
"size": 685
},
"containerimage.digest": "sha256:d3a0695693e5024403338e0a15e0f3063580893323b5f73f68bec1440868402e",
"image.name": "ghcr.io/kamilkisiela/graphql-hive/tokens:4a7b2f74f4897d995b13a6dfeee9f321919030ba,ghcr.io/kamilkisiela/graphql-hive/tokens:kamil_lab_folder_structure"
},
"usage": {
"buildx.build.ref": "builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe5/builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe50/0wmwu9l1n7l1equ2vwu097e60",
"containerimage.descriptor": {
"mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
"digest": "sha256:fe23cafddffdacbbfbe610da68f706ca663113ec0ddb8b1617c97a45a6c9026e",
"size": 685
},
"containerimage.digest": "sha256:fe23cafddffdacbbfbe610da68f706ca663113ec0ddb8b1617c97a45a6c9026e",
"image.name": "ghcr.io/kamilkisiela/graphql-hive/usage:4a7b2f74f4897d995b13a6dfeee9f321919030ba,ghcr.io/kamilkisiela/graphql-hive/usage:kamil_lab_folder_structure"
},
"usage-estimator": {
"buildx.build.ref": "builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe5/builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe50/wfy0yq8lk329kq9ulm3ligkgt",
"containerimage.descriptor": {
"mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
"digest": "sha256:27f5acb82c84a10a8a080a500b7ff257e3f6b76d9ec52de143299902b77af011",
"size": 685
},
"containerimage.digest": "sha256:27f5acb82c84a10a8a080a500b7ff257e3f6b76d9ec52de143299902b77af011",
"image.name": "ghcr.io/kamilkisiela/graphql-hive/usage-estimator:4a7b2f74f4897d995b13a6dfeee9f321919030ba,ghcr.io/kamilkisiela/graphql-hive/usage-estimator:kamil_lab_folder_structure"
},
"usage-ingestor": {
"buildx.build.ref": "builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe5/builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe50/8a75hml00k2se86cgybgwmvi0",
"containerimage.descriptor": {
"mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
"digest": "sha256:bf4f083f2879dd2e12dfc7f730d95dfcf513c8a2c7a250decf5dcd4e6c54bb4e",
"size": 685
},
"containerimage.digest": "sha256:bf4f083f2879dd2e12dfc7f730d95dfcf513c8a2c7a250decf5dcd4e6c54bb4e",
"image.name": "ghcr.io/kamilkisiela/graphql-hive/usage-ingestor:4a7b2f74f4897d995b13a6dfeee9f321919030ba,ghcr.io/kamilkisiela/graphql-hive/usage-ingestor:kamil_lab_folder_structure"
},
"webhooks": {
"buildx.build.ref": "builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe5/builder-2ae28f7f-7f65-40a8-9485-ffd6d8d65fe50/bkhevjczz9zk75xqs8bukncth",
"containerimage.descriptor": {
"mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
"digest": "sha256:53e10be8087ac61057a244f3e26b57c8dabd17f0cb160236b7d5215fc32bf925",
"size": 685
},
"containerimage.digest": "sha256:53e10be8087ac61057a244f3e26b57c8dabd17f0cb160236b7d5215fc32bf925",
"image.name": "ghcr.io/kamilkisiela/graphql-hive/webhooks:4a7b2f74f4897d995b13a6dfeee9f321919030ba,ghcr.io/kamilkisiela/graphql-hive/webhooks:kamil_lab_folder_structure"
}
} |
close(); | ||
}} | ||
> | ||
<div className="grid grid-cols-2 gap-2"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
grid grid-cols-2
remove a lot of child classes
<EditOperationModal | ||
organizationId={props.organizationId} | ||
projectId={props.projectId} | ||
targetId={props.targetId} | ||
key={operationToEditId} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
i think we don't need it
className="mt-10 w-[45rem] rounded-lg sm:w-auto lg:mt-0 lg:w-[67.8125rem]" | ||
className="mt-10 w-[45rem] rounded-lg p-4 sm:w-auto lg:mt-0 lg:w-[67.8125rem] lg:p-12" | ||
style={{ backgroundImage: `linear-gradient(-70deg, ${end}, ${start})` }} | ||
> | ||
<div className="p-4 lg:p-12"> | ||
<div className="overflow-hidden rounded-xl"> | ||
<Image | ||
{...highlight.image} | ||
className="w-full" | ||
style={{ color: 'transparent' }} | ||
alt={title} | ||
/> | ||
</div> | ||
</div> | ||
<Image src={highlight.image} className="rounded-xl" alt={title} /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
💻 Website PreviewThe latest changes are available as preview in: https://fdc21939.hive-landing-page.pages.dev |
Turns collection -> operation structure into a file tree. In future we could introduce drag&drop with sorting, to let users organize everything and easily move operations between collections.
Before
Screen.Recording.2024-06-25.at.11.09.46.mov
After
Screen.Recording.2024-06-25.at.11.08.44.mov