[react] chore: Removed components/New
This commit is contained in:
parent
280ee0e1d3
commit
0ecb1c8fd2
4 changed files with 0 additions and 103 deletions
|
@ -1,92 +0,0 @@
|
||||||
// Hooks
|
|
||||||
import React, { useState, useEffect } from 'react'
|
|
||||||
import { useAccount } from '@freesewing/react/hooks/useAccount'
|
|
||||||
import { useBackend } from '@freesewing/react/hooks/useBackend'
|
|
||||||
// Components
|
|
||||||
import { Link as DefaultLink } from '@freesewing/react/components/Link'
|
|
||||||
import {
|
|
||||||
NewMeasurementsSetIcon,
|
|
||||||
NewPatternIcon,
|
|
||||||
ShowcaseIcon,
|
|
||||||
KioskIcon,
|
|
||||||
} from '@freesewing/react/components/Icon'
|
|
||||||
|
|
||||||
const NewLink = ({ title, Icon, description, href, Link }) => {
|
|
||||||
if (!Link) Link = DefaultLink
|
|
||||||
const linkProps = {
|
|
||||||
href,
|
|
||||||
className:
|
|
||||||
'tw:p-8 tw:-ml-4 tw:-mr-4 tw:md:m-0 tw:rounded-none tw:md:rounded-xl ' +
|
|
||||||
'tw:md:shadow tw:hover:bg-secondary/10 tw:bg-base-200/10 ' +
|
|
||||||
'tw:w-full tw:max-w-lg tw:hover:no-underline',
|
|
||||||
}
|
|
||||||
|
|
||||||
const inner = (
|
|
||||||
<>
|
|
||||||
<h4 className="tw:flex tw:flex-row tw:items-start tw:justify-between tw:w-full tw:m-0 tw:p-0 tw:text-inherit">
|
|
||||||
<span>{title}</span>
|
|
||||||
<Icon className="tw:w-12 tw:h-12 tw:-mt-2" stroke={1.5} />
|
|
||||||
</h4>
|
|
||||||
<div
|
|
||||||
className={`tw:normal-case tw:text-base tw:font-medium tw:text-left tw:pt-2 tw:text-inherit`}
|
|
||||||
>
|
|
||||||
{description}
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
|
|
||||||
return <a {...linkProps}>{inner}</a>
|
|
||||||
return <Link {...linkProps}>{inner}</Link>
|
|
||||||
}
|
|
||||||
|
|
||||||
const newLinks = {
|
|
||||||
pattern: {
|
|
||||||
href: '/editor/',
|
|
||||||
Icon: NewPatternIcon,
|
|
||||||
title: 'Generate a new pattern',
|
|
||||||
description:
|
|
||||||
'Pick a design, add your measurements set, and we will generate a bespoke sewing pattern for you.',
|
|
||||||
},
|
|
||||||
set: {
|
|
||||||
Icon: NewMeasurementsSetIcon,
|
|
||||||
title: 'Create new measurements set',
|
|
||||||
description:
|
|
||||||
'Create a new set of measurements which you can then use to generate patterns for.',
|
|
||||||
},
|
|
||||||
showcase: {
|
|
||||||
Icon: ShowcaseIcon,
|
|
||||||
title: 'Create a new showcase post',
|
|
||||||
description:
|
|
||||||
'Made something from a FreeSewing pattern? Please share the results here to inspire others.',
|
|
||||||
},
|
|
||||||
img: {
|
|
||||||
Icon: KioskIcon,
|
|
||||||
title: 'Generate a social media image',
|
|
||||||
description:
|
|
||||||
'Share the FreeSewing love on social media, supports wide, square, and tall formats.',
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The NewLinks component shows all of the links to create something new
|
|
||||||
*
|
|
||||||
* @param {object} props - All the React props
|
|
||||||
* @param {function} Link - A custom Link component, typically the Docusaurus one, but it's optional
|
|
||||||
*/
|
|
||||||
export const NewLinks = ({ Link = false }) => {
|
|
||||||
// Use custom Link component if available
|
|
||||||
if (!Link) Link = DefaultLink
|
|
||||||
|
|
||||||
// Hooks
|
|
||||||
const { account } = useAccount()
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="tw:w-full tw:max-w-7xl">
|
|
||||||
<div className="tw:grid tw:grid-cols-1 tw:xl:grid-cols-2 tw:gap-4 tw:mb-8">
|
|
||||||
{Object.entries(newLinks).map(([href, link]) => (
|
|
||||||
<NewLink key={href} href={href} {...link} />
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
|
@ -1,3 +0,0 @@
|
||||||
import { NewLinks } from './NewLinks.mjs'
|
|
||||||
|
|
||||||
export { NewLinks }
|
|
|
@ -56,7 +56,6 @@
|
||||||
"./components/Markdown": "./components/Markdown/index.mjs",
|
"./components/Markdown": "./components/Markdown/index.mjs",
|
||||||
"./components/Mini": "./components/Mini/index.mjs",
|
"./components/Mini": "./components/Mini/index.mjs",
|
||||||
"./components/Modal": "./components/Modal/index.mjs",
|
"./components/Modal": "./components/Modal/index.mjs",
|
||||||
"./components/New": "./components/New/index.mjs",
|
|
||||||
"./components/Newsletter": "./components/Newsletter/index.mjs",
|
"./components/Newsletter": "./components/Newsletter/index.mjs",
|
||||||
"./components/Null": "./components/Null/index.mjs",
|
"./components/Null": "./components/Null/index.mjs",
|
||||||
"./components/Number": "./components/Number/index.mjs",
|
"./components/Number": "./components/Number/index.mjs",
|
||||||
|
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
title: New
|
|
||||||
---
|
|
||||||
|
|
||||||
:::note
|
|
||||||
This page is yet to be created
|
|
||||||
:::
|
|
Loading…
Add table
Add a link
Reference in a new issue