aculix/vector-drawable-nextjs
1
0
Fork 0
mirror of https://github.com/aculix/vector-drawable-nextjs.git synced 2026-06-12 21:08:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: update deps

Browse Source
This commit is contained in:
Seanghay Yath
2023-03-13 10:13:41 +07:00
parent c6ac497af2
commit b7ddbb1765
11 changed files with 773 additions and 5426 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_document.js
+21 -21
View File
@@ -1,39 +1,39 @@
import Document, {Html, Head, Main, NextScript} from 'next/document'
import Document, { Html, Head, Main, NextScript } from 'next/document'
export default class MyDocument extends Document {
render() {
return (
<Html lang="en">
<Head>
<link rel="icon" href="/favicon.ico"/>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/>
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/>
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/>
<link rel="manifest" href="/site.webmanifest"/>
<meta name="msapplication-TileColor" content="#1F1F1F"/>
<meta name="theme-color" content="#1F1F1F"/>
<link rel="icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta name="msapplication-TileColor" content="#1F1F1F" />
<meta name="theme-color" content="#1F1F1F" />
<meta property="og:url" content="https://vector-drawable.vercel.app/"/>
<meta property="og:title" content="Android VectorDrawable to SVG"/>
<meta property="og:description" content="Quickly create an SVG out of Android VectorDrawable."/>
<meta property="og:image" content="https://vector-drawable.vercel.app/thumbnail-cover@2x.png"/>
<meta property="og:url" content="https://vector-drawable.vercel.app/" />
<meta property="og:title" content="Android VectorDrawable to SVG" />
<meta property="og:description" content="Quickly create an SVG out of Android VectorDrawable." />
<meta property="og:image" content="https://vector-drawable.vercel.app/thumbnail-cover@2x.png" />
<meta name="twitter:card" content="Android VectorDrawable to SVG"/>
<meta name="twitter:card" content="Android VectorDrawable to SVG" />
<link rel="preconnect" href="https://fonts.gstatic.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap"
rel="stylesheet"/>
rel="stylesheet" />
<link rel="preconnect" href="https://fonts.gstatic.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&display=swap"
rel="stylesheet"/>
rel="stylesheet" />
</Head>
<body>
<div className="container">
<Main/>
</div>
<NextScript/>
<div className="container">
<Main />
</div>
<NextScript />
</body>
</Html>
)
pages/api/request.js
-14
View File
@@ -1,14 +0,0 @@
const axios = require('axios')
module.exports = async (req, res) => {
const { method, body, url } = req.body;
if (method == 'GET') {
const { data } = await axios.get(url);
return res.send(data);
}
if (method == 'POST') {
const { data } = await axios.post(url, body);
return res.send(data);
}
};
pages/index.js
+9 -9
View File
@@ -1,6 +1,6 @@
import {ReactSVG} from "react-svg";
import {useState, useEffect} from "react";
import {transform} from 'vector-drawable-svg';
import { ReactSVG } from "react-svg";
import { useState, useEffect } from "react";
import { transform } from 'vector-drawable-svg';
import SVG from 'react-inlinesvg';
import { useFilePicker } from 'react-sage';
import Head from "next/head";
@@ -162,14 +162,14 @@ export default function Home() {
className={"vd-dropzone " + dropzoneClassOfState(dragState)}>
<div className="vd-placeholder">
<ReactSVG src="plus.svg"/>
<ReactSVG src="plus.svg" />
</div>
<div className="vd-image-container">
<div onClick={clearUpload} className="text-button-icon">
<ReactSVG src="close.svg"/>
<ReactSVG src="close.svg" />
</div>
<div className="vd-image">
<SVG src={transformedSvg} width={300} height={300} title="SVG"/>
<SVG src={transformedSvg} width={300} height={300} title="SVG" />
</div>
<div className="vd-filename">
@@ -179,14 +179,14 @@ export default function Home() {
</div>
<button onClick={downloadCurrentSvg} disabled={!vectorDrawableFile} className="vd-download">
<ReactSVG src="/download-circular-button.svg"/>
<ReactSVG src="/download-circular-button.svg" />
Download
</button>
<footer className="vd-footer">
<div className="vd-github">
<a href="https://github.com/seanghay/vector-drawable-nextjs" target="_blank">
<ReactSVG src="/github.svg"/>
<ReactSVG src="/github.svg" />
</a>
</div>
@@ -201,5 +201,5 @@ export default function Home() {
</div>
</>
)
)
}