removed unused imports
This commit is contained in:
		
							parent
							
								
									0229c8a2fb
								
							
						
					
					
						commit
						68b0c4b8b0
					
				
					 2 changed files with 21 additions and 17 deletions
				
			
		|  | @ -6,6 +6,7 @@ import Avatar from "../components/Avatar"; | |||
| import Theme from "@components/Theme"; | ||||
| import { ClockIcon, InformationCircleIcon, UserIcon } from "@heroicons/react/solid"; | ||||
| import React from "react"; | ||||
| import { ArrowRightIcon } from "@heroicons/react/outline"; | ||||
| 
 | ||||
| export default function User(props): User { | ||||
|   const { isReady } = Theme(props.user.theme); | ||||
|  | @ -13,25 +14,29 @@ export default function User(props): User { | |||
|   const eventTypes = props.eventTypes.map((type) => ( | ||||
|     <div | ||||
|       key={type.id} | ||||
|       className="dark:bg-neutral-800 dark:border-neutral-700 dark:hover:border-neutral-600 bg-white hover:bg-gray-50 border border-neutral-200 hover:border-black rounded-sm"> | ||||
|       className="group relative dark:bg-neutral-800 dark:border-neutral-700 dark:hover:border-neutral-600 bg-white hover:bg-gray-50 border border-neutral-200 hover:border-black rounded-sm"> | ||||
|       <ArrowRightIcon className="absolute transition-opacity h-4 w-4 right-3 top-3 text-black dark:text-white opacity-0 group-hover:opacity-100" /> | ||||
|       <Link href={`/${props.user.username}/${type.slug}`}> | ||||
|         <a className="block px-6 py-4"> | ||||
|           <h2 className="font-semibold text-neutral-900 dark:text-white">{type.title}</h2> | ||||
|           <div className="mt-2 flex space-x-4"> | ||||
|             <div className="flex items-center text-sm text-neutral-500"> | ||||
|               <ClockIcon className="flex-shrink-0 mr-1.5 h-5 w-5 text-neutral-400" aria-hidden="true" /> | ||||
|               <p>{type.length}m</p> | ||||
|             </div> | ||||
|             <div className="flex items-center text-sm text-neutral-500"> | ||||
|               <UserIcon className="flex-shrink-0 mr-1.5 h-5 w-5 text-neutral-400" aria-hidden="true" /> | ||||
|               <p>1-on-1</p> | ||||
|             </div> | ||||
|             <div className="flex items-center text-sm text-neutral-500"> | ||||
|               <InformationCircleIcon | ||||
|                 className="flex-shrink-0 mr-1.5 h-5 w-5 text-neutral-400" | ||||
|             <div className="flex text-sm text-neutral-500"> | ||||
|               <ClockIcon | ||||
|                 className="flex-shrink-0 mt-0.5 mr-1.5 h-4 w-4 text-neutral-400" | ||||
|                 aria-hidden="true" | ||||
|               /> | ||||
|               <p>{type.description.substring(0, 100)}</p> | ||||
|               <p>{type.length}m</p> | ||||
|             </div> | ||||
|             <div className="flex text-sm min-w-16 text-neutral-500"> | ||||
|               <UserIcon className="flex-shrink-0 mt-0.5 mr-1.5 h-4 w-4 text-neutral-400" aria-hidden="true" /> | ||||
|               <p>1-on-1</p> | ||||
|             </div> | ||||
|             <div className="flex text-sm text-neutral-500"> | ||||
|               <InformationCircleIcon | ||||
|                 className="flex-shrink-0 mt-0.5 mr-1.5 h-4 w-4 text-neutral-400" | ||||
|                 aria-hidden="true" | ||||
|               /> | ||||
|               <p>{type.description}</p> | ||||
|             </div> | ||||
|           </div> | ||||
|         </a> | ||||
|  | @ -46,7 +51,7 @@ export default function User(props): User { | |||
|           <link rel="icon" href="/favicon.ico" /> | ||||
|         </Head> | ||||
| 
 | ||||
|         <main className="max-w-3xl mx-auto py-24"> | ||||
|         <main className="max-w-3xl mx-auto py-24 px-4"> | ||||
|           <div className="mb-8 text-center"> | ||||
|             <Avatar user={props.user} className="mx-auto w-24 h-24 rounded-full mb-4" /> | ||||
|             <h1 className="text-3xl font-bold text-neutral-900 dark:text-white mb-1"> | ||||
|  | @ -54,7 +59,7 @@ export default function User(props): User { | |||
|             </h1> | ||||
|             <p className="text-neutral-500 dark:text-white">{props.user.bio}</p> | ||||
|           </div> | ||||
|           <div className="space-y-4">{eventTypes}</div> | ||||
|           <div className="space-y-6">{eventTypes}</div> | ||||
|           {eventTypes.length == 0 && ( | ||||
|             <div className="shadow overflow-hidden rounded-sm"> | ||||
|               <div className="p-8 text-center text-gray-400 dark:text-white"> | ||||
|  |  | |||
|  | @ -16,7 +16,6 @@ import { EventTypeCustomInput, EventTypeCustomInputType } from "@lib/eventTypeIn | |||
| import { | ||||
|   LocationMarkerIcon, | ||||
|   LinkIcon, | ||||
|   PencilIcon, | ||||
|   PlusIcon, | ||||
|   DocumentIcon, | ||||
|   ChevronRightIcon, | ||||
|  | @ -265,7 +264,7 @@ export default function EventTypePage({ | |||
|       }, | ||||
|     }); | ||||
| 
 | ||||
|     router.push("/availability"); | ||||
|     router.push("/bookings"); | ||||
|   } | ||||
| 
 | ||||
|   const openLocationModal = (type: LocationType) => { | ||||
|  |  | |||
		Loading…
	
		Reference in a new issue
	
	 Peer Richelsen
						Peer Richelsen