crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI State changes

Browse Source
This commit is contained in:
Belen Curcio
2020-10-01 10:03:06 -03:00
parent 0e48451767
commit b447bbc322
8 changed files with 64 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/cart/CartSidebarView/CartSidebarView.tsx
View File

@@ -1,5 +1,5 @@
import React, { FunctionComponent } from "react";
// import s from "./CartSidebarView.module.css";
import { UserNav } from "@components/core";
import { Button } from "@components/ui";
import { Trash, Cross } from "@components/icon";
import { useUI } from "@components/ui/context";
@@ -10,11 +10,6 @@ const CartSidebarView: FunctionComponent = () => {
<>
<header className="px-4 py-6 sm:px-6 border-b border-gray-200">
<div className="flex items-start justify-between space-x-3">
<div className="space-y-1">
<h2 className="text-lg leading-7 font-medium text-gray-900 uppercase">
My Cart
</h2>
</div>
<div className="h-7 flex items-center">
<button
onClick={closeSidebar}
@@ -24,10 +19,16 @@ const CartSidebarView: FunctionComponent = () => {
<Cross className="h-6 w-6" />
</button>
</div>
<div className="space-y-1">
<UserNav />
</div>
</div>
<h2 className="pt-6 text-lg leading-7 font-medium text-gray-900 uppercase">
My Cart
</h2>
</header>
<div className="px-4 sm:px-6 py-4">
<div className="px-4 sm:px-6 py-4 flex-1">
<ul className="py-6 space-y-6 sm:py-0 sm:space-y-0 sm:divide-y sm:divide-gray-200">
<li className="flex flex-row space-x-6">
<div className="h-12 w-12 bg-violet"></div>