From 021b4cff706154aa20dba6a22be643487ae17dda Mon Sep 17 00:00:00 2001
From: Ilma Ainur Rohma <ilma13rohma@gmail.com>
Date: Mon, 14 Sep 2020 09:48:44 +0700
Subject: [PATCH] delete transaksi folder and setting backend uri
---
pages/buat/transaksi.js | 21 ++++++---
pages/transaksi/index.js | 92 ----------------------------------------
2 files changed, 14 insertions(+), 99 deletions(-)
delete mode 100644 pages/transaksi/index.js
diff --git a/pages/buat/transaksi.js b/pages/buat/transaksi.js
index 0053fb8..a54437b 100644
--- a/pages/buat/transaksi.js
+++ b/pages/buat/transaksi.js
@@ -48,14 +48,13 @@ const Main = styled.main`
margin-left: 40px;
}
`
-const client = new ApolloClient({
- uri: 'http://localhost:8000/graphql/',
- cache: new InMemoryCache()
-});
-
-
-export default function() {
+export default function({ backend_uri }) {
+ const client = new ApolloClient({
+ uri: backend_uri,
+ cache: new InMemoryCache()
+ });
+
const router = useRouter();
const [currentPage, setCurrentPage] = useState(0);
@@ -110,3 +109,11 @@ export default function() {
</>
)
}
+
+export async function getStaticProps() {
+ return {
+ props: {
+ backend_uri: `http://${process.env.GRAPHQL_URL}`
+ }
+ }
+}
diff --git a/pages/transaksi/index.js b/pages/transaksi/index.js
deleted file mode 100644
index 9c1c162..0000000
--- a/pages/transaksi/index.js
+++ /dev/null
@@ -1,92 +0,0 @@
-import React, {useState} from 'react';
-import Head from 'next/head';
-import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
-
-import NavigationBar from '../.././components/NavigationBar/NavigationBar';
-import TambahTransaksiForm from '../.././components/TambahTransaksi/TambahTransaksiForm';
-import TitleFlow from '../../components/Titles/TitleFlow';
-import styled from 'styled-components';
-
-
-const client = new ApolloClient({
- uri: backend_uri,
- cache: new InMemoryCache()
- });
-
-const Main = styled.main`
- font-family: Muli, sans-serif;
- padding: 60px 100px;
- background: #F5F6F8;
- min-height: 80vh;
-
- h1 {
- font-size: 44px;
- line-height: 55px;
- font-weight: 800;
- text-align: center;
- margin-bottom: 50px;
- color: #393F50;
- }
- section {
- margin: 20px 10px;
- }
- .primary, .tertiary{
- width : 100%;
- font-weight: bold;
- }
- .formContainer{
- font-family: Muli, sans-serif;
- padding: 20px 50px;
- background: white;
- min-height: 80vh;
- }
- .subtitle{
- color : #00239D;
- font-size: 25px;
- font-weight: bold;
- }
- .formSection {
- margin-left: 40px;
- }
-`
-
-function App () {
- return (
- <ApolloProvider client={client}>
- <div className="TambahMustahikPage">
- <Head>
- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous" />
- <link href="https://fonts.googleapis.com/css?family=Muli:300,400,700,800" rel="stylesheet" />
- </Head>
- <Main>
- <h1>Transaksi Zakat</h1>
- <section>
- <TitleFlow
- titleList={[
- 'Data',
- 'Pengiriman',
- 'Ulasan',
- 'Kwitansi'
- ]}
- />
- </section>
- <TambahTransaksiForm />
- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
- <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
- </Main>
- </div>
- </ApolloProvider>
-
- );
-}
-
-export async function getStaticProps() {
- return {
- props: {
- backend_uri: `http://${process.env.GRAPHQL_URL}`
- }
- }
- }
-
-export default App;
\ No newline at end of file
--
GitLab