Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
dcgleason committed Dec 31, 2022
1 parent 459c1af commit fd4f3c0
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 21 deletions.
6 changes: 3 additions & 3 deletions components/sidebar.js
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ export default function Home() {
<rect x="11.6666" y="3.3335" width={5} height="8.33333" rx="1.66667" stroke="white" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
</svg>
</div>
<p className="ml-2">My Contributors</p>
<p className="ml-2">Add Contributors</p>
</div>
</a>
<a href="./edit">
Expand All @@ -73,7 +73,7 @@ export default function Home() {
<path d="M3.33337 12.5L6.66671 7.5L10 9.16667L13.3334 5L16.6667 8.33333" stroke="#CBD5E0" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
</svg>
</div>
<p className="ml-2">Edit My Bundle</p>
<p className="ml-2">Add/edit Contributions</p>
</div>
</a>
<a href="/submit">
Expand Down Expand Up @@ -142,7 +142,7 @@ export default function Home() {
<path d="M3.33337 12.5L6.66671 7.5L10 9.16667L13.3334 5L16.6667 8.33333" stroke="#CBD5E0" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
</svg>
</div>
<p className="ml-2">Edit My Bundle</p>
<p className="ml-2">Edit Contributions</p>
</div>
</a>
<a href="/submit">
Expand Down
34 changes: 16 additions & 18 deletions pages/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import { StarIcon } from '@heroicons/react/20/solid'
import { RadioGroup } from '@headlessui/react'

const product = {
name: 'Basic Tee 6-Pack',
name: 'Choose your Bundle book style',
price: '$192',
href: '#',
breadcrumbs: [
Expand Down Expand Up @@ -34,14 +34,14 @@ const product = {
{ name: 'Black', class: 'bg-gray-900', selectedClass: 'ring-gray-900' },
],
sizes: [
{ name: 'XXS', inStock: false },
{ name: 'XS', inStock: true },
{ name: 'S', inStock: true },
{ name: 'M', inStock: true },
{ name: 'L', inStock: true },
{ name: 'XL', inStock: true },
{ name: '2XL', inStock: true },
{ name: '3XL', inStock: true },
{ name: 'Classic White', inStock: true },
{ name: 'Red/ White spine', inStock: true },
{ name: 'White/ Red spine', inStock: true },
{ name: 'White/ Cream spine', inStock: true },
{ name: 'All Red', inStock: true },
{ name: 'All Cream', inStock: true },
{ name: 'Red Back', inStock: true },
{ name: 'Green back', inStock: true },
],
description:
'The Basic Tee 6-Pack allows you to fully express your vibrant personality with three grayscale options. Feeling adventurous? Put on a heather gray tee. Want to be a trendsetter? Try our exclusive colorway: "Black". Need to add an extra pop of color to your outfit? Our white tee has you covered.',
Expand Down Expand Up @@ -166,12 +166,12 @@ export default function Example() {
</div>

<form className="mt-10">
{/* Colors */}
{/* Colors
<div>
<h3 className="text-sm font-medium text-gray-900">Color</h3>
<h3 className="text-sm font-medium text-gray-900">Style</h3>
<RadioGroup value={selectedColor} onChange={setSelectedColor} className="mt-4">
<RadioGroup.Label className="sr-only"> Choose a color </RadioGroup.Label>
<RadioGroup.Label className="sr-only"> Choose a book style </RadioGroup.Label>
<div className="flex items-center space-x-3">
{product.colors.map((color) => (
<RadioGroup.Option
Expand Down Expand Up @@ -201,19 +201,17 @@ export default function Example() {
))}
</div>
</RadioGroup>
</div>
</div> */}

{/* Sizes */}
<div className="mt-10">
<div className="flex items-center justify-between">
<h3 className="text-sm font-medium text-gray-900">Size</h3>
<a href="#" className="text-sm font-medium text-indigo-600 hover:text-indigo-500">
Size guide
</a>
<h3 className="text-sm font-medium text-gray-900">Style</h3>

</div>

<RadioGroup value={selectedSize} onChange={setSelectedSize} className="mt-4">
<RadioGroup.Label className="sr-only"> Choose a size </RadioGroup.Label>
<RadioGroup.Label className="sr-only"> Choose a style </RadioGroup.Label>
<div className="grid grid-cols-4 gap-4 sm:grid-cols-8 lg:grid-cols-4">
{product.sizes.map((size) => (
<RadioGroup.Option
Expand Down

0 comments on commit fd4f3c0

Please sign in to comment.