) {
+ res.status(200).json({ name: 'John Doe' })
+}
diff --git a/application/next-frontend/pages/index.tsx b/application/next-frontend/pages/index.tsx
new file mode 100644
index 00000000..4ffa949a
--- /dev/null
+++ b/application/next-frontend/pages/index.tsx
@@ -0,0 +1,11 @@
+import { Landing } from '@/Landing'
+import { Header } from '@/Landing/scenarios/Header'
+
+export default function Home() {
+ return (
+
+
+
+ )
+}
diff --git a/application/next-frontend/pages/login/callback.tsx b/application/next-frontend/pages/login/callback.tsx
new file mode 100644
index 00000000..13cc6b28
--- /dev/null
+++ b/application/next-frontend/pages/login/callback.tsx
@@ -0,0 +1,37 @@
+import { serversideApiUri } from '@/api/endpoints'
+import { GetServerSideProps } from 'next'
+import Link from 'next/link'
+
+export const getServerSideProps: GetServerSideProps = async ({ query, res }) => {
+ const code = query.code
+ if (!query.code || typeof query.code !== 'string')
+ return { props: { errorMsg: 'Could not get login information from Slack.' } }
+
+ const response = await fetch(`${serversideApiUri}/auth/login/callback?code=${code}`).catch((err) => {
+ console.error(err)
+ })
+
+ if (!response?.ok) {
+ return { props: { errorMsg: 'Something went wrong when logging inn through Slack.' } }
+ }
+
+ const cookie = response.headers.get('set-cookie')
+ if (!cookie) return { props: { errorMsg: 'Login credentials were not set correctly.' } }
+
+ res.setHeader('set-cookie', cookie)
+ return { redirect: { destination: '/admin', permanent: false }, props: {} }
+}
+
+const LoginCallback = ({ errorMsg }: { errorMsg?: string }) => {
+ return (
+
+
Failed to log in!
+ {`${errorMsg ?? ''} Try logging in again.`}
+
+
+
+ )
+}
+
+export default Login
diff --git a/application/next-frontend/pages/slack/callback.tsx b/application/next-frontend/pages/slack/callback.tsx
new file mode 100644
index 00000000..0eeaea66
--- /dev/null
+++ b/application/next-frontend/pages/slack/callback.tsx
@@ -0,0 +1,44 @@
+import { serversideApiUri } from '@/api/endpoints'
+import { GetServerSideProps } from 'next'
+import { SlackCallbackPageSuccess, SlackCallbackPageError } from 'Landing/scenarios/SlackCallbackPage'
+import { Header } from '@/Landing/scenarios/Header'
+
+export const getServerSideProps: GetServerSideProps = async ({ query }) => {
+ const code = query.code
+ if (!query.code || typeof query.code !== 'string') return { props: { success: false } }
+
+ const res = await fetch(`${serversideApiUri}/slack/callback`, {
+ method: 'POST',
+ body: JSON.stringify({ code: code }),
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ }).catch((err) => {
+ console.error(err)
+ })
+
+ const success = res?.ok
+ let message: string | undefined
+ try {
+ message = (await res?.json()).message
+ } catch (err) {
+ console.error(err)
+ }
+
+ return { props: { success, message: message ?? null } }
+}
+
+const SlackInstallCallback = ({ success, message }: { success?: boolean; message: string | null }) => {
+ return (
+
+
+ {success ? (
+
+ )
+}
+
+export default SlackInstallCallback
diff --git a/application/next-frontend/postcss.config.js b/application/next-frontend/postcss.config.js
new file mode 100644
index 00000000..33ad091d
--- /dev/null
+++ b/application/next-frontend/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+}
diff --git a/application/next-frontend/public/favicon.ico b/application/next-frontend/public/favicon.ico
new file mode 100644
index 00000000..718d6fea
Binary files /dev/null and b/application/next-frontend/public/favicon.ico differ
diff --git a/application/next-frontend/public/fonts/QueensCondensedTrial-Medium.ttf b/application/next-frontend/public/fonts/QueensCondensedTrial-Medium.ttf
new file mode 100644
index 00000000..3283e033
Binary files /dev/null and b/application/next-frontend/public/fonts/QueensCondensedTrial-Medium.ttf differ
diff --git a/application/next-frontend/public/fonts/QueensCondensedTrial-Regular.ttf b/application/next-frontend/public/fonts/QueensCondensedTrial-Regular.ttf
new file mode 100644
index 00000000..de344ccc
Binary files /dev/null and b/application/next-frontend/public/fonts/QueensCondensedTrial-Regular.ttf differ
diff --git a/application/next-frontend/src/Admin/assets/AdminSidebarBackground.svg b/application/next-frontend/src/Admin/assets/AdminSidebarBackground.svg
new file mode 100644
index 00000000..59edfeb1
--- /dev/null
+++ b/application/next-frontend/src/Admin/assets/AdminSidebarBackground.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/application/next-frontend/src/Admin/assets/Line.svg b/application/next-frontend/src/Admin/assets/Line.svg
new file mode 100644
index 00000000..dd75512b
--- /dev/null
+++ b/application/next-frontend/src/Admin/assets/Line.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/application/next-frontend/src/Admin/assets/MascotChilling.svg b/application/next-frontend/src/Admin/assets/MascotChilling.svg
new file mode 100644
index 00000000..4fcd7402
--- /dev/null
+++ b/application/next-frontend/src/Admin/assets/MascotChilling.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Admin/assets/MascotHappy.svg b/application/next-frontend/src/Admin/assets/MascotHappy.svg
new file mode 100644
index 00000000..fea647ec
--- /dev/null
+++ b/application/next-frontend/src/Admin/assets/MascotHappy.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Admin/assets/MascotWithFourArms.svg b/application/next-frontend/src/Admin/assets/MascotWithFourArms.svg
new file mode 100644
index 00000000..c679969d
--- /dev/null
+++ b/application/next-frontend/src/Admin/assets/MascotWithFourArms.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Admin/assets/Pencil.svg b/application/next-frontend/src/Admin/assets/Pencil.svg
new file mode 100644
index 00000000..cfb152a4
--- /dev/null
+++ b/application/next-frontend/src/Admin/assets/Pencil.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/application/next-frontend/src/Admin/assets/PizzaBotLogo.svg b/application/next-frontend/src/Admin/assets/PizzaBotLogo.svg
new file mode 100644
index 00000000..d1a76690
--- /dev/null
+++ b/application/next-frontend/src/Admin/assets/PizzaBotLogo.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/application/next-frontend/src/Admin/assets/Triangle.svg b/application/next-frontend/src/Admin/assets/Triangle.svg
new file mode 100644
index 00000000..1e9dcaf9
--- /dev/null
+++ b/application/next-frontend/src/Admin/assets/Triangle.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/application/next-frontend/src/Admin/assets/TriangleGreen.svg b/application/next-frontend/src/Admin/assets/TriangleGreen.svg
new file mode 100644
index 00000000..6cd38899
--- /dev/null
+++ b/application/next-frontend/src/Admin/assets/TriangleGreen.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/application/next-frontend/src/Admin/assets/TriangleGrey.svg b/application/next-frontend/src/Admin/assets/TriangleGrey.svg
new file mode 100644
index 00000000..475fd3c7
--- /dev/null
+++ b/application/next-frontend/src/Admin/assets/TriangleGrey.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/application/next-frontend/src/Admin/assets/pizza/PizzaEaten.svg b/application/next-frontend/src/Admin/assets/pizza/PizzaEaten.svg
new file mode 100644
index 00000000..4624e14a
--- /dev/null
+++ b/application/next-frontend/src/Admin/assets/pizza/PizzaEaten.svg
@@ -0,0 +1,12 @@
+
+
diff --git a/application/next-frontend/src/Admin/assets/pizza/PizzaRound.svg b/application/next-frontend/src/Admin/assets/pizza/PizzaRound.svg
new file mode 100644
index 00000000..4371add1
--- /dev/null
+++ b/application/next-frontend/src/Admin/assets/pizza/PizzaRound.svg
@@ -0,0 +1,20 @@
+
+
diff --git a/application/next-frontend/src/Admin/assets/pizza/PizzaSlice.svg b/application/next-frontend/src/Admin/assets/pizza/PizzaSlice.svg
new file mode 100644
index 00000000..3e727195
--- /dev/null
+++ b/application/next-frontend/src/Admin/assets/pizza/PizzaSlice.svg
@@ -0,0 +1,8 @@
+
+
diff --git a/application/next-frontend/src/Admin/components/AdminSidebar.tsx b/application/next-frontend/src/Admin/components/AdminSidebar.tsx
new file mode 100644
index 00000000..aa19160f
--- /dev/null
+++ b/application/next-frontend/src/Admin/components/AdminSidebar.tsx
@@ -0,0 +1,29 @@
+import Image from 'next/image'
+import Mascot from 'Admin/assets/MascotChilling.svg'
+import TextBackground from 'Admin/assets/AdminSidebarBackground.svg'
+
+const AdminSidebar = () => {
+ return (
+
+
+
+
+ Pizza control in progress..
+
+
+
+
+
Welcome to the Admin Page!
+
+ As the administrator, you can edit who is invited, where you are going and when the events take
+ place.
+
+
+
+
+
+ {text}
+
+ )
+}
+
+export default Button
diff --git a/application/next-frontend/src/Admin/components/CardComponentWrapper.tsx b/application/next-frontend/src/Admin/components/CardComponentWrapper.tsx
new file mode 100644
index 00000000..e72fd77b
--- /dev/null
+++ b/application/next-frontend/src/Admin/components/CardComponentWrapper.tsx
@@ -0,0 +1,43 @@
+import React from 'react'
+import { useHover } from '@/Shared/context/HoverContext'
+
+const CardComponentWrapper = ({
+ title,
+ children,
+ addIcon,
+ onClickCard,
+ className,
+}: {
+ title: string
+ children?: React.ReactNode
+ addIcon?: boolean
+ onClickCard?: () => void
+ className?: string
+}) => {
+ const { setHovered, isHovered } = useHover()
+ return (
+ setHovered(true)}
+ onMouseLeave={() => setHovered(false)}
+ onClick={onClickCard}
+ >
+
+
{title}
+
+
+
{children}
+ {addIcon && (
+
+
+ Add +
+
+
+ )}
+
+
+
+
Pizza Admin
+
+
+
+
+
+
*]:mb-14`}>
+
+
+
+
+
+
+ Create Pizza Event?
+ closeModal()}
+ >
+ ×
+
+
+
+
+
+
+
+
+ Delete Pizza Event?
+ closeModal()}
+ >
+ ×
+
+
+
+
+ Date:
+ Time
+
+
+
+
+ {ordinal(date)} of {months[month]}
+
+ {time}
+
+
+
+ closeModal()} text="Cancel" buttonStyle="secondary" className="w-[270px]" />
+ {
+ typeof eventId === 'string' ? delEvent(eventId) : ''
+ closeModal()
+ }}
+ className="w-[270px] hover:bg-red-light"
+ text="Delete Event"
+ buttonStyle="primary"
+ />
+
+
+ {Array(7)
+ .fill(null)
+ .map((_, dayOfWeek) => {
+ if (startIndex <= dayOfWeek && dayOfWeek <= endIndex) {
+ const day = remainingDays.pop()
+ if (day) {
+ // currentToday is at 00:00, so therefore comparisons with today will always yield LT
+ // "current" as in, the date picked in the calendar
+ const currentToday = new Date(currentDate.getFullYear(), currentDate.getMonth(), day)
+ const currentTomorrow = new Date(
+ currentDate.getFullYear(),
+ currentDate.getMonth(),
+ day + 1,
+ )
+
+ // Event data. eventId is possibly -1, eventObject is possibly undefined
+ const eventId = getEventId(currentToday)
+ const eventObject = data?.find((event) => event.id == eventId)
+
+ // Styling
+ const image = pizzaImages[Math.floor(Math.random() * pizzaImages.length)]
+ const styling = `h-[3.75rem] w-[4.15rem] border border-green-primary text-dark
+ ${
+ today >= currentTomorrow
+ ? 'opacity-50'
+ : eventsForCurrentMonth.some(([, d]) => d == day)
+ ? 'cursor-pointer bg-green-primary text-white hover:bg-red-highlight'
+ : 'cursor-pointer bg-white hover:bg-green-secondary'
+ }`
+
+ return today >= currentTomorrow ? (
+
+ {day}
+
+ ) : (
+ {
+ handleOnClick({
+ eventId: eventId,
+ selectedDate: currentToday,
+ event: eventObject,
+ })
+ }}
+ >
+ {day}
+ {eventId != -1 && (
+
+ )
+ }
+ }
+ return
+ )
+ }
+
+ const setPreviousMonth = () => {
+ setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1))
+ }
+
+ const setNextMonth = () => {
+ setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1))
+ }
+
+ return (
+
+
+ setPreviousMonth()}
+ width={20}
+ src={Triangle}
+ className="rotate-180 cursor-pointer"
+ alt="show previous month"
+ />
+ {months[currentDate.getMonth()]}
+ setNextMonth()}
+ width={20}
+ src={Triangle}
+ alt="show next month"
+ className="cursor-pointer"
+ />
+
+
+
+
+
+ {weekdays.map((day) => (
+
+ {day}
+
+ ))}
+
+
+ {renderMonth()}
+
+
+ {responses.accepted} Accepted
+ {responses.waiting} Waiting
+ {responses.declined} Declined
+
+ )
+}
+
+const NextEventInfo = ({
+ event_id,
+ resturantName,
+ date,
+ time,
+ meridiem,
+}: {
+ event_id: string
+ resturantName: string
+ date: string
+ time: string
+ meridiem: string
+}) => {
+ const { data, error, isLoading } = useInvitations(event_id)
+
+ const { isHovered } = useHover()
+
+ return (
+
+
Next event:
+
+ {resturantName}
+
+
+ {date}
+
+
+ {time} {meridiem}
+
+
+
+
Invitation status:
+
+ {isLoading ? (
+ 'Loading...'
+ ) : error ? (
+ `Failed to load invitation status. ${error?.info.msg}`
+ ) : !data || !data.length ? (
+ 'Invitations have not been sent yet.'
+ ) : (
+
+
(false)
+ const { openModal, modalStack } = useModal()
+
+ const handleOnEventClick = () => {
+ setEventModalShowing(true)
+ openModal(
+
+ {isLoading ? (
+ 'Loading...'
+ ) : error ? (
+ `Failed to load events. ${error?.info.msg}`
+ ) : !data || !data.length || !futureEvents.length ? (
+ ''
+ ) : (
+
+ {upcomingEventsMessage(futureEvents.length)}
+
+
+
+
+
+ {navbarEntries.map((entry) => (
+
setActiveIndex(entry.key)}
+ >
+ {entry.text}
+
+ ))}
+
logout()}>
+ Log out
+
+
+
2/2
+
+ Set up your first event!
+
+
+
+
+
([])
+
+ const validationSchema = z.object({
+ name: z.string().min(1, { message: 'Name required' }),
+ })
+
+ const { register, handleSubmit, reset, getValues } = useForm({
+ resolver: zodResolver(validationSchema),
+ })
+
+ const validateForm = (data: Restaurant) => {
+ setRestaurants((prevRestaurants) => [data, ...prevRestaurants])
+ reset()
+ }
+
+ const addAllRestaurants = () => {
+ if (restaurants.length !== 0) {
+ restaurants.forEach(addRestaurant)
+ setRestaurants([])
+ props.onNext()
+ }
+ }
+
+ const deleteRestaurant = (index: number) => {
+ setRestaurants((prevRestaurants) => prevRestaurants.filter((_, i) => i !== index))
+ }
+
+ const handleAddClick = () => {
+ const { name } = getValues()
+ if (name) {
+ validateForm({ name })
+ }
+ }
+
+ return (
+
+
1/2
+
+ What Pizza Places would you like to visit?
+
+
+
+
+
+ {restaurants.map((restaurant, index) => (
+
+
deleteRestaurant(index)}>×
+
{restaurant.name}
+
+ ))}
+
+
+
+
+
+
+
+
+ {step === 0 ? setStep(1)} /> :
+
+
+
Places
+ closeModal()}>
+ ×
+
+
+
+
+
+
You have added...
+
+ {data?.length || 0} Pizza Places
+
+
+
+
+
+
+
+
+ {data &&
+ data.map((restaurant) => (
+
delRestaurant(restaurant.id)}
+ key={restaurant.id}
+ >
+
×
+
{restaurant.name}
+
+ ))}
+
+
+
+
+
+
+ {isLoading ? (
+ 'Loading...'
+ ) : error ? (
+ `Failed to load users due to the following error: ${error?.info.msg}`
+ ) : (
+
+
+ {!data || data.length == 0 ? 'No restaurants found...' : 'You have added...'}
+
+
+
+ {!data || data.length == 0
+ ? 'Try adding one!'
+ : `${data.length} ${data.length == 1 ? 'Pizza Place' : 'Pizza Places'}`}
+
+
+
+ )}
+
+ )
+}
+
+export { Restaurants }
diff --git a/application/next-frontend/src/Admin/scenarios/SlackChannel.tsx b/application/next-frontend/src/Admin/scenarios/SlackChannel.tsx
new file mode 100644
index 00000000..4a2203c8
--- /dev/null
+++ b/application/next-frontend/src/Admin/scenarios/SlackChannel.tsx
@@ -0,0 +1,42 @@
+import { useCurrentChannel } from '@/api/useCurrentChannel'
+import { SlackUser } from '@/api/useSlackUsers'
+import { CardComponentWrapper } from '../components/CardComponentWrapper'
+import { useHover } from '@/Shared/context/HoverContext'
+
+const numUsersInChannel = (users: SlackUser[]) => {
+ if (users.length === 0) return 'No users in channel'
+ if (users.length === 1) return '1 user in channel'
+ return `${users.length} users in channel`
+}
+
+const SlackChannel = () => {
+ const { data, isLoading, error } = useCurrentChannel()
+
+ const channelName = data?.channel_name
+ const channelMembers = data?.users.filter((user) => user.active) ?? []
+ const { isHovered } = useHover()
+
+ return (
+
+ {isLoading ? (
+ 'Loading...'
+ ) : error ? (
+ `Failed to load channel info due to the following error: ${error?.info.msg}`
+ ) : !data || !data.channel_id ? (
+
+ No slack channel has been set for the PizzaBot. Please use the command{' '}
+ /set‑pizza‑channel in your preferred slack-channel to set.
+
+ ) : (
+
+
+ #{channelName}
+
+ {numUsersInChannel(channelMembers)}
+
+ )}
+
+ )
+}
+
+export { SlackChannel }
diff --git a/application/next-frontend/src/Admin/types/User.ts b/application/next-frontend/src/Admin/types/User.ts
new file mode 100644
index 00000000..8361e73c
--- /dev/null
+++ b/application/next-frontend/src/Admin/types/User.ts
@@ -0,0 +1,18 @@
+export type User = {
+ email: string
+ picture: string
+ id: string
+ name: string
+ roles: Array
+}
+
+export type JwtToken = {
+ fresh: string
+ iat: string
+ jti: string
+ type: string
+ sub: string
+ nbf: string
+ exp: string
+ user: User
+}
diff --git a/application/next-frontend/src/Landing/assets/Amalie.svg b/application/next-frontend/src/Landing/assets/Amalie.svg
new file mode 100644
index 00000000..d6265c93
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/Amalie.svg
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Landing/assets/Line.svg b/application/next-frontend/src/Landing/assets/Line.svg
new file mode 100644
index 00000000..a8ed263c
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/Line.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/application/next-frontend/src/Landing/assets/Mathilde.svg b/application/next-frontend/src/Landing/assets/Mathilde.svg
new file mode 100644
index 00000000..b14bded8
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/Mathilde.svg
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Landing/assets/PizzaAnnouncement.png b/application/next-frontend/src/Landing/assets/PizzaAnnouncement.png
new file mode 100644
index 00000000..df533262
Binary files /dev/null and b/application/next-frontend/src/Landing/assets/PizzaAnnouncement.png differ
diff --git a/application/next-frontend/src/Landing/assets/PizzaBotWithFourArms.png b/application/next-frontend/src/Landing/assets/PizzaBotWithFourArms.png
new file mode 100644
index 00000000..449da951
Binary files /dev/null and b/application/next-frontend/src/Landing/assets/PizzaBotWithFourArms.png differ
diff --git a/application/next-frontend/src/Landing/assets/PizzaInvitation.png b/application/next-frontend/src/Landing/assets/PizzaInvitation.png
new file mode 100644
index 00000000..25e0b2fd
Binary files /dev/null and b/application/next-frontend/src/Landing/assets/PizzaInvitation.png differ
diff --git a/application/next-frontend/src/Landing/assets/Vilde.svg b/application/next-frontend/src/Landing/assets/Vilde.svg
new file mode 100644
index 00000000..d30f2b40
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/Vilde.svg
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Landing/assets/chooseChannel.svg b/application/next-frontend/src/Landing/assets/chooseChannel.svg
new file mode 100644
index 00000000..8edb3cd0
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/chooseChannel.svg
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Landing/assets/chooseDate.svg b/application/next-frontend/src/Landing/assets/chooseDate.svg
new file mode 100644
index 00000000..e2d0522e
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/chooseDate.svg
@@ -0,0 +1,73 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Landing/assets/chooseRestaurants.svg b/application/next-frontend/src/Landing/assets/chooseRestaurants.svg
new file mode 100644
index 00000000..fd0de7f6
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/chooseRestaurants.svg
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Landing/assets/illustrations/EngagedTeams.svg b/application/next-frontend/src/Landing/assets/illustrations/EngagedTeams.svg
new file mode 100644
index 00000000..0eafd164
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/illustrations/EngagedTeams.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Landing/assets/illustrations/Friendships.svg b/application/next-frontend/src/Landing/assets/illustrations/Friendships.svg
new file mode 100644
index 00000000..066e9848
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/illustrations/Friendships.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Landing/assets/illustrations/GoodTraditions.svg b/application/next-frontend/src/Landing/assets/illustrations/GoodTraditions.svg
new file mode 100644
index 00000000..a2b3334e
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/illustrations/GoodTraditions.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Landing/assets/illustrations/HandWithTopping.svg b/application/next-frontend/src/Landing/assets/illustrations/HandWithTopping.svg
new file mode 100644
index 00000000..1599db21
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/illustrations/HandWithTopping.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/application/next-frontend/src/Landing/assets/illustrations/HappyMascotLanding.svg b/application/next-frontend/src/Landing/assets/illustrations/HappyMascotLanding.svg
new file mode 100644
index 00000000..5b5e57b4
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/illustrations/HappyMascotLanding.svg
@@ -0,0 +1,19 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/application/next-frontend/src/Landing/assets/illustrations/Leaves1.svg b/application/next-frontend/src/Landing/assets/illustrations/Leaves1.svg
new file mode 100644
index 00000000..d4019273
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/illustrations/Leaves1.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/application/next-frontend/src/Landing/assets/illustrations/Leaves2.svg b/application/next-frontend/src/Landing/assets/illustrations/Leaves2.svg
new file mode 100644
index 00000000..0030c7c5
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/illustrations/Leaves2.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/application/next-frontend/src/Landing/assets/illustrations/MascotSad.svg b/application/next-frontend/src/Landing/assets/illustrations/MascotSad.svg
new file mode 100644
index 00000000..76f9399c
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/illustrations/MascotSad.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Landing/assets/illustrations/MascotWithFourArms.svg b/application/next-frontend/src/Landing/assets/illustrations/MascotWithFourArms.svg
new file mode 100644
index 00000000..c679969d
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/illustrations/MascotWithFourArms.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Landing/assets/illustrations/PizzaBotLogo.svg b/application/next-frontend/src/Landing/assets/illustrations/PizzaBotLogo.svg
new file mode 100644
index 00000000..d1a76690
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/illustrations/PizzaBotLogo.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/application/next-frontend/src/Landing/assets/illustrations/PizzaBotLogoFooter.svg b/application/next-frontend/src/Landing/assets/illustrations/PizzaBotLogoFooter.svg
new file mode 100644
index 00000000..4a101c7c
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/illustrations/PizzaBotLogoFooter.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/application/next-frontend/src/Landing/assets/illustrations/PizzaBotYellow.svg b/application/next-frontend/src/Landing/assets/illustrations/PizzaBotYellow.svg
new file mode 100644
index 00000000..f4ffd54a
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/illustrations/PizzaBotYellow.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Landing/assets/illustrations/SafeEnvironments.svg b/application/next-frontend/src/Landing/assets/illustrations/SafeEnvironments.svg
new file mode 100644
index 00000000..492527f6
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/illustrations/SafeEnvironments.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Landing/assets/illustrations/SlackLogo.svg b/application/next-frontend/src/Landing/assets/illustrations/SlackLogo.svg
new file mode 100644
index 00000000..52a69777
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/illustrations/SlackLogo.svg
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Landing/assets/illustrations/SlackLogoWhite.svg b/application/next-frontend/src/Landing/assets/illustrations/SlackLogoWhite.svg
new file mode 100644
index 00000000..7e229dd4
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/illustrations/SlackLogoWhite.svg
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
diff --git a/application/next-frontend/src/Landing/assets/illustrations/Tape.svg b/application/next-frontend/src/Landing/assets/illustrations/Tape.svg
new file mode 100644
index 00000000..d4464565
--- /dev/null
+++ b/application/next-frontend/src/Landing/assets/illustrations/Tape.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/application/next-frontend/src/Landing/components/AddToSlackButton.tsx b/application/next-frontend/src/Landing/components/AddToSlackButton.tsx
new file mode 100644
index 00000000..ad49f484
--- /dev/null
+++ b/application/next-frontend/src/Landing/components/AddToSlackButton.tsx
@@ -0,0 +1,39 @@
+import Image from 'next/image'
+import SlackLogo from '@/Landing/assets/illustrations/SlackLogo.svg'
+import SlackLogoWhite from '@/Landing/assets/illustrations/SlackLogoWhite.svg'
+import { clientsideApiUri } from '@/api/endpoints'
+
+const addToSlack = async () => {
+ const res = await fetch(clientsideApiUri + '/slack/install', { method: 'GET' }).then((res) => res.json())
+ const redirectURL = res.redirect_url
+
+ if (redirectURL) window.location.assign(redirectURL)
+}
+
+const AddToSlackButton = () => {
+ return (
+
+ Add to Slack
+
+ )
+}
+
+const AddToSlackButtonWhite = () => {
+ return (
+
+ Add to Slack
+
+ )
+}
+
+export { AddToSlackButton, AddToSlackButtonWhite }
diff --git a/application/next-frontend/src/Landing/components/ImageWithPostit.tsx b/application/next-frontend/src/Landing/components/ImageWithPostit.tsx
new file mode 100644
index 00000000..e8ed6fda
--- /dev/null
+++ b/application/next-frontend/src/Landing/components/ImageWithPostit.tsx
@@ -0,0 +1,34 @@
+import Image from 'next/image'
+import Tape from 'Landing/assets/illustrations/Tape.svg'
+import { useState } from 'react'
+
+type Props = {
+ src: string
+ text: string
+ styles: {
+ tape: string
+ postit: string
+ postitHover: string
+ postitHoverAlternative: string
+ }
+}
+
+const ImageWithPostit = ({ src, text, styles }: Props) => {
+ const [isHovered, setIsHovered] = useState(false)
+
+ return (
+ setIsHovered(true)} onMouseLeave={() => setIsHovered(false)}>
+
+
+
+ {text}
+
+
+
+ {/* grid def */}
+
+
+
+ Create
+
+ fun memories
+
+
+
+
+
+
+
+
+
+
+ Explore PizzaBot premium to gather pictures from pizza events, along with many
+ other fun features{' '}
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export { FifthSection }
diff --git a/application/next-frontend/src/Landing/scenarios/FirstSection.tsx b/application/next-frontend/src/Landing/scenarios/FirstSection.tsx
new file mode 100644
index 00000000..32f3d48d
--- /dev/null
+++ b/application/next-frontend/src/Landing/scenarios/FirstSection.tsx
@@ -0,0 +1,20 @@
+import Image from 'next/image'
+import Line from 'Landing/assets/Line.svg'
+import { AddToSlackButton } from '@/Landing/components/AddToSlackButton'
+
+const FirstSection = () => {
+ return (
+
+
+ A slice to socialise
+
+
+ Download the PizzaBot to build better work environments.
+
+
+ )
+}
+
+export { FirstSection }
diff --git a/application/next-frontend/src/Landing/scenarios/Footer.tsx b/application/next-frontend/src/Landing/scenarios/Footer.tsx
new file mode 100644
index 00000000..4ff302d6
--- /dev/null
+++ b/application/next-frontend/src/Landing/scenarios/Footer.tsx
@@ -0,0 +1,35 @@
+import PizzaBotLogoFooter from 'Landing/assets/illustrations/PizzaBotLogoFooter.svg'
+import Image from 'next/image'
+import Link from 'next/link'
+
+const Footer = () => {
+ return (
+
+
+
+
+ Links Coming Soon
+ Our Terms
+ Privacy Policy
+ Data Protection
+
+
+ feedback@blank.no
+
+ Have more questions?
+ pizzabot@blank.no
+
+
+ Made with ❤️ from
+
+
+
+
+
+
+ The PizzaBot picks 5 people from the slack channel randomly..
+
+
+ and invites them for an event
+
+
+
+
+
+
+
+
+
+ Invites are sendt privatly on slack. So you can always
+ decline!
+
+
+
+
+
+
+
+
+ After everyone accepts, events gets posted on the choses
+ channel
+
+
+
+
+
+
+
+ )
+}
+
+export { FourthSection }
diff --git a/application/next-frontend/src/Landing/scenarios/Header/index.tsx b/application/next-frontend/src/Landing/scenarios/Header/index.tsx
new file mode 100644
index 00000000..dbe50ad9
--- /dev/null
+++ b/application/next-frontend/src/Landing/scenarios/Header/index.tsx
@@ -0,0 +1,34 @@
+import Image from 'next/image'
+import PizzaBotLogo from '@/Landing/assets/illustrations/PizzaBotLogo.svg'
+import { LoginButton } from '@/Shared/components/LoginButton'
+import { useRouter } from 'next/router'
+
+const Header = () => {
+ const router = useRouter()
+
+ const routeToRoot = () => {
+ router.push('/')
+ }
+
+ return (
+ <>
+
+ {/* This is a placeholder for the header so that the content doesn't get hidden behind the header */}
+
+
+ )
+}
+
+export { Header }
diff --git a/application/next-frontend/src/Landing/scenarios/LoginPage/index.tsx b/application/next-frontend/src/Landing/scenarios/LoginPage/index.tsx
new file mode 100644
index 00000000..37233b28
--- /dev/null
+++ b/application/next-frontend/src/Landing/scenarios/LoginPage/index.tsx
@@ -0,0 +1,18 @@
+import { LoginButton } from '@/Shared/components/LoginButton'
+import Image from 'next/image'
+import MascotWithFourArms from 'Landing/assets/illustrations/MascotWithFourArms.svg'
+
+const LoginPage = () => {
+ return (
+
+
+
Welcome to Pizzabot!
+
Please login to continue
+
+
+
+
+
+ {/* Title */}
+
+
+ Build a work culture with the PizzaBot and create...
+
+
+
+ {/* Icon grid */}
+
+
+
+
+
+
+
+
+
+
+
+ {/* Bot icon */}
+
+
+
+
+ )
+}
+
+export { SecondSection }
diff --git a/application/next-frontend/src/Landing/scenarios/SixthSection.tsx b/application/next-frontend/src/Landing/scenarios/SixthSection.tsx
new file mode 100644
index 00000000..583c5abc
--- /dev/null
+++ b/application/next-frontend/src/Landing/scenarios/SixthSection.tsx
@@ -0,0 +1,29 @@
+import Image from 'next/image'
+import HandWithTopping from 'Landing/assets/illustrations/HandWithTopping.svg'
+import PizzaBotYellow from 'Landing/assets/illustrations/PizzaBotYellow.svg'
+import { AddToSlackButtonWhite } from '@/Landing/components/AddToSlackButton'
+
+const SixthSection = () => {
+ return (
+
+
+
+
+ Add the PizzaBot to slack now
+
+
+
+
+
+
+
+
+ )
+}
+
+export { SixthSection }
diff --git a/application/next-frontend/src/Landing/scenarios/SlackCallbackPage/index.tsx b/application/next-frontend/src/Landing/scenarios/SlackCallbackPage/index.tsx
new file mode 100644
index 00000000..7c726d73
--- /dev/null
+++ b/application/next-frontend/src/Landing/scenarios/SlackCallbackPage/index.tsx
@@ -0,0 +1,58 @@
+import Image from 'next/image'
+import MascotWithFourArms from 'Landing/assets/illustrations/MascotWithFourArms.svg'
+import MascotSad from 'Landing/assets/illustrations/MascotSad.svg'
+import Link from 'next/link'
+import { StaticImport } from 'next/dist/shared/lib/get-img-props'
+
+const SlackCallbackPage = ({
+ header,
+ message,
+ actionMessage,
+ icon,
+}: {
+ header: string
+ message?: string
+ actionMessage: string
+ icon: StaticImport
+}) => {
+ return (
+
+
+
{header}
+
{message}
+
{actionMessage}
+
+ Go back
+
+
+
+
+
+
+
+ Fun to use, Easy to setup
+
+
+
+ After you add this to Slack..
+
+
+
+ {/* Part 1 */}
+
+
+
+
+ 1.
+
+
+ Choose
+ Channel
+
+
+
+ Choose the slack channel you want the PizzaBot to send invites on.
+
+
+
+ {/* Part 2 */}
+
+
+
+ 2.
+
+
+ Add
+ Restaurants
+
+
+
+ The PizzaBot chooses from one of the restaurants added.
+
+
+ {/* Part 3 */}
+
+
+
+
+ 3.
+
+
+ Set
+ Events
+
+
+
+ The PizzaBot sets up the event after you pick date & time
+
+
+
+
+ {/* Images */}
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export { ThirdSection }
diff --git a/application/next-frontend/src/Shared/components/LoginButton.tsx b/application/next-frontend/src/Shared/components/LoginButton.tsx
new file mode 100644
index 00000000..c4b31272
--- /dev/null
+++ b/application/next-frontend/src/Shared/components/LoginButton.tsx
@@ -0,0 +1,28 @@
+import { clientsideApiUri } from '@/api/endpoints'
+
+const LoginButton = ({ className }: { className?: string }) => {
+ const loginRedirect = async () => {
+ try {
+ const res = await fetch(clientsideApiUri + '/auth/login')
+ if (!res.ok) throw new Error()
+
+ const redirectURL = (await res.json()).auth_url
+ if (redirectURL) window.location.assign(redirectURL)
+ else throw new Error()
+ } catch (err) {
+ // TODO: Notify user of error
+ console.error(err)
+ }
+ }
+
+ return (
+
+ Login
+
+ )
+}
+
+export { LoginButton }
diff --git a/application/next-frontend/src/Shared/context/HoverContext.tsx b/application/next-frontend/src/Shared/context/HoverContext.tsx
new file mode 100644
index 00000000..eb13a804
--- /dev/null
+++ b/application/next-frontend/src/Shared/context/HoverContext.tsx
@@ -0,0 +1,36 @@
+import { createContext, useContext, useState } from 'react'
+
+interface HoverContextType {
+ isHovered: boolean
+ setHovered: (hovered: boolean) => void
+}
+
+const HoverContext = createContext(undefined)
+
+export const useHover = () => {
+ const context = useContext(HoverContext)
+ if (!context) {
+ throw new Error('useHover must be used within a HoverProvider')
+ }
+ return context
+}
+
+export const HoverProvider = ({
+ children,
+ isInsideModal = false,
+}: {
+ children: React.ReactNode
+ isInsideModal?: boolean
+}) => {
+ const [isHovered, setLocalHovered] = useState(false)
+
+ const setHovered = (hover: boolean) => {
+ if (isInsideModal) {
+ setLocalHovered(false)
+ } else {
+ setLocalHovered(hover)
+ }
+ }
+
+ return {children}
+}
diff --git a/application/next-frontend/src/Shared/context/ModalContext.tsx b/application/next-frontend/src/Shared/context/ModalContext.tsx
new file mode 100644
index 00000000..855186a2
--- /dev/null
+++ b/application/next-frontend/src/Shared/context/ModalContext.tsx
@@ -0,0 +1,39 @@
+import React, { createContext, useContext, useState } from 'react'
+import { ModalWrapper } from 'Shared/modal/ModalWrapper'
+
+interface ModalContextType {
+ modalStack: React.ReactElement[]
+ openModal: (modalContent: React.ReactElement) => void
+ closeModal: () => void
+}
+
+const ModalContext = createContext(undefined)
+
+export const useModal = () => {
+ const context = useContext(ModalContext)
+ if (!context) {
+ throw new Error('useModal must be used within a ModalProvider')
+ }
+ return context
+}
+
+export const ModalProvider = ({ children }: { children: React.ReactNode }) => {
+ const [modalStack, setModalStack] = useState([])
+
+ const openModal = (modalContent: React.ReactElement) => {
+ setModalStack((prevStack) => [...prevStack, modalContent])
+ }
+
+ const closeModal = () => {
+ setModalStack((prevStack) => prevStack.slice(0, -1))
+ }
+
+ return (
+
+ {children}
+ {modalStack.map((modal, index) => (
+ {modal}
+ ))}
+
+ )
+}
diff --git a/application/next-frontend/src/Shared/modal/ModalWrapper.tsx b/application/next-frontend/src/Shared/modal/ModalWrapper.tsx
new file mode 100644
index 00000000..75763a8b
--- /dev/null
+++ b/application/next-frontend/src/Shared/modal/ModalWrapper.tsx
@@ -0,0 +1,23 @@
+import { useModal } from 'Shared/context/ModalContext'
+
+interface ModalWrapperProps {
+ children: React.ReactNode
+}
+
+const ModalWrapper = ({ children }: ModalWrapperProps) => {
+ const { closeModal } = useModal()
+
+ const handleOverlayClick = (e: React.MouseEvent) => {
+ if (e.target === e.currentTarget) {
+ closeModal()
+ }
+ }
+ return (
+
+ )
+}
+
+export { ModalWrapper }
diff --git a/application/next-frontend/src/Shared/toast/defaultToast.tsx b/application/next-frontend/src/Shared/toast/defaultToast.tsx
new file mode 100644
index 00000000..8caf86cf
--- /dev/null
+++ b/application/next-frontend/src/Shared/toast/defaultToast.tsx
@@ -0,0 +1,15 @@
+import { toast } from 'react-hot-toast'
+
+const ToastComponent = (text: string) => {
+ return (
+
+ {text}
+
+ )
+}
+
+export const sendToast = (text: string) => {
+ const component = ToastComponent(text)
+
+ toast.custom(component, { position: 'top-center' })
+}
diff --git a/application/next-frontend/src/api/endpoints.ts b/application/next-frontend/src/api/endpoints.ts
new file mode 100644
index 00000000..c91ca2b3
--- /dev/null
+++ b/application/next-frontend/src/api/endpoints.ts
@@ -0,0 +1,15 @@
+if (!process.env.NODE_ENV) throw new Error('Missing enviroment variable NODE_ENV')
+if (!process.env.NEXT_PUBLIC_BACKEND_URI) throw new Error('Missing enviroment variable NEXT_PUBLIC_BACKEND_URI')
+
+/**
+ * For use in clientside functionality.
+ * In dev mode, api is routed through nginx with path /api
+ */
+export const clientsideApiUri =
+ process.env.NODE_ENV === 'development' ? '/api' : process.env.NEXT_PUBLIC_BACKEND_URI.replace(/\/+$/, '') + '/api'
+
+/**
+ * For use in serverside functionality.
+ * In dev mode, next serverside fetch calls is not routed with nginx and goes directly to backend
+ */
+export const serversideApiUri = process.env.NEXT_PUBLIC_BACKEND_URI.replace(/\/+$/, '') + '/api'
diff --git a/application/next-frontend/src/api/useAuthedSWR.ts b/application/next-frontend/src/api/useAuthedSWR.ts
new file mode 100644
index 00000000..8ebbde15
--- /dev/null
+++ b/application/next-frontend/src/api/useAuthedSWR.ts
@@ -0,0 +1,21 @@
+import { useRouter } from 'next/router'
+import useSWR from 'swr'
+import { apiRequestHelper } from './utils'
+
+export type FetcherError = {
+ statusCode: number
+ info: {
+ msg: string
+ }
+}
+
+export const useAuthedSWR = (endpoint: string) => {
+ const { error, ...rest } = useSWR(endpoint, apiRequestHelper.get)
+ const router = useRouter()
+
+ if (error?.statusCode === 401 || error?.statusCode === 403) {
+ router.push('/login')
+ }
+
+ return { error, ...rest }
+}
diff --git a/application/next-frontend/src/api/useCurrentChannel.ts b/application/next-frontend/src/api/useCurrentChannel.ts
new file mode 100644
index 00000000..607e5f94
--- /dev/null
+++ b/application/next-frontend/src/api/useCurrentChannel.ts
@@ -0,0 +1,18 @@
+import { useAuthedSWR } from './useAuthedSWR'
+import type { SlackUser } from './useSlackUsers'
+
+export type ApiCurrentChannelInfo = {
+ channel_name: string
+ channel_id: string
+ users: SlackUser[]
+}
+
+const useCurrentChannel = () => {
+ const endpoint = '/users/current-channel'
+
+ const { data, isLoading, error } = useAuthedSWR(endpoint)
+
+ return { data, isLoading, error }
+}
+
+export { useCurrentChannel }
diff --git a/application/next-frontend/src/api/useEvents.ts b/application/next-frontend/src/api/useEvents.ts
new file mode 100644
index 00000000..d8cd76a0
--- /dev/null
+++ b/application/next-frontend/src/api/useEvents.ts
@@ -0,0 +1,71 @@
+import { useAuthedSWR } from './useAuthedSWR'
+import { ApiRestaurant } from './useRestaurants'
+import { apiRequestHelper } from './utils'
+
+export interface Event {
+ time: string
+}
+
+export interface ApiEvent extends Event {
+ id: string
+ finalized: boolean
+ restaurant?: ApiRestaurant
+ people_per_event: number
+}
+
+export interface ApiEventPost extends Event {
+ restaurant_id: string
+ people_per_event: number
+ group_id?: string
+}
+
+const useEvents = () => {
+ const endpoint = '/events'
+ const { data, isLoading, error, mutate } = useAuthedSWR(endpoint)
+ const { post, del } = apiRequestHelper
+
+ const addEvent = async (newEvent: ApiEventPost) => {
+ try {
+ mutate(
+ async () => {
+ const createdEvent = await post(endpoint, newEvent)
+
+ if (data) {
+ return [...data, createdEvent]
+ }
+ },
+ {
+ rollbackOnError: true,
+ revalidate: false,
+ },
+ )
+ } catch (e) {
+ console.error(e)
+ }
+ }
+
+ const delEvent = (eventId: string) => {
+ try {
+ mutate(
+ async () => {
+ await del(`${endpoint}/${eventId}`)
+
+ if (data) {
+ return data.filter((event) => event.id !== eventId)
+ }
+ },
+ {
+ populateCache: true,
+ rollbackOnError: true,
+ revalidate: false,
+ },
+ )
+ } catch (e) {
+ console.error(e)
+ }
+ }
+
+ return { data, isLoading, error, addEvent, delEvent }
+}
+
+export { useEvents }
diff --git a/application/next-frontend/src/api/useInvitations.ts b/application/next-frontend/src/api/useInvitations.ts
new file mode 100644
index 00000000..db39ab26
--- /dev/null
+++ b/application/next-frontend/src/api/useInvitations.ts
@@ -0,0 +1,20 @@
+import { useAuthedSWR } from './useAuthedSWR'
+import { SlackUser } from './useSlackUsers'
+
+export type ApiInvitation = {
+ event_id: string
+ invited_at: string
+ reminded_at: string
+ rsvp: 'unanswered' | 'attending' | 'not attending'
+ slack_id: string
+ slack_user: SlackUser
+}
+
+const useInvitations = (eventId: string) => {
+ const endpoint = `/invitations/${eventId}`
+ const { data, isLoading, error } = useAuthedSWR(endpoint)
+
+ return { data, isLoading, error }
+}
+
+export { useInvitations }
diff --git a/application/next-frontend/src/api/useRestaurants.ts b/application/next-frontend/src/api/useRestaurants.ts
new file mode 100644
index 00000000..f739069b
--- /dev/null
+++ b/application/next-frontend/src/api/useRestaurants.ts
@@ -0,0 +1,66 @@
+import { apiRequestHelper } from './utils'
+import { useAuthedSWR } from './useAuthedSWR'
+
+export interface Restaurant {
+ name: string
+ link?: string
+ tlf?: string
+ address?: string
+}
+
+export interface ApiRestaurant extends Restaurant {
+ id: string
+ rating?: string
+}
+
+const useRestaurants = () => {
+ const endpoint = '/restaurants'
+ const { data, isLoading, error, mutate } = useAuthedSWR(endpoint)
+ const { post, del } = apiRequestHelper
+
+ const addRestaurant = (newRestaurant: Restaurant) => {
+ try {
+ mutate(
+ async () => {
+ await post(endpoint, newRestaurant)
+
+ if (data) {
+ return [...data, newRestaurant]
+ }
+ },
+ {
+ populateCache: true,
+ rollbackOnError: true,
+ revalidate: true,
+ },
+ )
+ } catch (e) {
+ console.error(e)
+ }
+ }
+
+ const delRestaurant = (restaurantId: string) => {
+ try {
+ mutate(
+ async () => {
+ await del(`${endpoint}/${restaurantId}`)
+
+ if (data) {
+ return data.filter((restaurant) => restaurant.id !== restaurantId)
+ }
+ },
+ {
+ populateCache: true,
+ rollbackOnError: true,
+ revalidate: false,
+ },
+ )
+ } catch (e) {
+ console.error(e)
+ }
+ }
+
+ return { data, isLoading, error, addRestaurant, delRestaurant }
+}
+
+export { useRestaurants }
diff --git a/application/next-frontend/src/api/useSlackUsers.ts b/application/next-frontend/src/api/useSlackUsers.ts
new file mode 100644
index 00000000..6fe0020c
--- /dev/null
+++ b/application/next-frontend/src/api/useSlackUsers.ts
@@ -0,0 +1,54 @@
+import { apiRequestHelper } from './utils'
+import { useAuthedSWR } from './useAuthedSWR'
+
+export interface BaseSlackUser {
+ active: boolean
+ priority: number
+}
+
+export interface SlackUser extends BaseSlackUser {
+ slack_id: string
+ current_username: string
+ first_seen: string
+ email?: string
+}
+
+const useSlackUsers = () => {
+ const endpoint = '/users'
+
+ const { data, isLoading, error, mutate } = useAuthedSWR(endpoint)
+
+ const { put } = apiRequestHelper
+
+ const updateUser = (userToUpdate: SlackUser) => {
+ const updatedBaseUser: BaseSlackUser = { active: !userToUpdate.active, priority: userToUpdate.priority }
+
+ try {
+ mutate(
+ async () => {
+ const user = await put(endpoint + '/' + userToUpdate.slack_id, updatedBaseUser)
+
+ if (data) {
+ // Update cache
+ const updatedData = data.map((oldUser) => {
+ if (user.slack_id === oldUser.slack_id) return user
+ return oldUser
+ })
+ return updatedData
+ }
+ },
+ {
+ populateCache: true,
+ rollbackOnError: true,
+ revalidate: false, //dont revalidate since cache is updated
+ },
+ )
+ } catch (e) {
+ console.error(e)
+ }
+ }
+
+ return { data, isLoading, error, updateUser }
+}
+
+export { useSlackUsers }
diff --git a/application/next-frontend/src/api/utils.ts b/application/next-frontend/src/api/utils.ts
new file mode 100644
index 00000000..0d1c2550
--- /dev/null
+++ b/application/next-frontend/src/api/utils.ts
@@ -0,0 +1,67 @@
+import { clientsideApiUri } from './endpoints'
+
+const getCookie = (name: string) => {
+ if (typeof window !== 'undefined') {
+ const value = `; ${document.cookie}`
+ const parts = value.split(`; ${name}=`)
+ if (parts && parts.length === 2) return parts.pop()?.split(';')?.shift()
+ }
+}
+
+const configureHeaders = () => {
+ const headers = new Headers()
+ const cookie = getCookie('csrf_access_token')
+
+ if (cookie) {
+ headers.set('X-CSRF-TOKEN', cookie)
+ }
+
+ headers.set('Content-Type', 'application/json')
+ headers.set('Accept', 'application/json')
+
+ return headers
+}
+
+const fetchData = async (endpoint: string, method: 'GET' | 'POST' | 'PUT' | 'DELETE', body?: object) => {
+ const options: RequestInit = {
+ method: method,
+ headers: configureHeaders(),
+ credentials: 'include',
+ }
+ if (body) options.body = JSON.stringify(body)
+
+ const res = await fetch(clientsideApiUri + endpoint, options)
+
+ if (!res.ok) {
+ const info = await res.json()
+ const err = { statusCode: res.status, info }
+ throw err
+ }
+
+ if (res.status == 204) {
+ return {} as Data
+ }
+
+ return res.json() as Data
+}
+
+export const apiRequestHelper = {
+ /**
+ * Should not be used directly, but through the useAuthedSWR hook
+ */
+ get: async (endpoint: string) => {
+ return await fetchData(endpoint, 'GET')
+ },
+
+ put: async (endpoint: string, body: object) => {
+ return await fetchData(endpoint, 'PUT', body)
+ },
+
+ post: async (endpoint: string, body: object) => {
+ return await fetchData(endpoint, 'POST', body)
+ },
+
+ del: async (endpoint: string) => {
+ return await fetchData(endpoint, 'DELETE')
+ },
+}
diff --git a/application/next-frontend/src/styles/fonts.css b/application/next-frontend/src/styles/fonts.css
new file mode 100644
index 00000000..1c19c91c
--- /dev/null
+++ b/application/next-frontend/src/styles/fonts.css
@@ -0,0 +1,13 @@
+@font-face {
+ font-family: 'Queens Condensed Trial Medium';
+ src: url('../../public/fonts/QueensCondensedTrial-Medium.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Queens Condensed Trial Regular';
+ src: url('../../public/fonts/QueensCondensedTrial-Regular.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
diff --git a/application/next-frontend/src/styles/globals.css b/application/next-frontend/src/styles/globals.css
new file mode 100644
index 00000000..ca370168
--- /dev/null
+++ b/application/next-frontend/src/styles/globals.css
@@ -0,0 +1,19 @@
+@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter&family=Space+Grotesk:wght@700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700&family=Work+Sans:ital,wght@0,600;1,300&display=swap');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+ --foreground-rgb: 0, 0, 0;
+ --background-start-rgb: 214, 219, 220;
+ --background-end-rgb: 255, 255, 255;
+}
+
+body {
+ color: rgb(var(--foreground-rgb));
+ background: linear-gradient(to bottom, transparent, rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));
+ min-height: 100vh;
+}
diff --git a/application/next-frontend/src/styles/reset.css b/application/next-frontend/src/styles/reset.css
new file mode 100644
index 00000000..75709592
--- /dev/null
+++ b/application/next-frontend/src/styles/reset.css
@@ -0,0 +1,3 @@
+#__next {
+ min-height: inherit;
+}
diff --git a/application/next-frontend/src/styles/tailwindComposables.css b/application/next-frontend/src/styles/tailwindComposables.css
new file mode 100644
index 00000000..7c583ee9
--- /dev/null
+++ b/application/next-frontend/src/styles/tailwindComposables.css
@@ -0,0 +1,81 @@
+.header {
+ @apply fixed h-32 bg-green-secondary w-full px-12 top-0;
+}
+
+.scrollable-wrapper {
+ @apply relative max-h-[11rem];
+}
+
+.scrollable-list {
+ @apply max-h-[11rem] overflow-y-auto;
+}
+
+.scrollable-list::after {
+ content: '';
+ @apply absolute bottom-0 left-0 right-0 h-8 bg-gradient-to-b from-transparent to-yellow pointer-events-none;
+}
+
+.scrollable-list::-webkit-scrollbar {
+ width: 7px;
+}
+
+.scrollable-list::-webkit-scrollbar-thumb {
+ background-color: #05793c;
+ border-radius: 3px;
+}
+
+.scrollable-list::-webkit-scrollbar-track {
+ background-color: white;
+}
+
+.scrollable-list::-webkit-scrollbar-button {
+ display: none;
+}
+
+.grid-background {
+ background: #f1f1f1;
+ background-image: linear-gradient(0deg, #c1c1c1 1px, transparent 1px),
+ linear-gradient(90deg, #c1c1c1 1px, transparent 1px);
+ background-size: 145px 80px;
+}
+
+.marked-entry:hover {
+ border-radius: 0.8em 0.3em;
+ background: transparent;
+ background-image: linear-gradient(
+ to right,
+ rgba(95, 224, 157, 0.1),
+ rgb(95, 224, 157, 0.7) 4%,
+ rgb(95, 224, 157, 0.3)
+ );
+ -webkit-box-decoration-break: clone;
+ box-decoration-break: clone;
+}
+
+.marked-entry-card {
+ border-radius: 0.8em 0.3em;
+ background: transparent;
+ background-image: linear-gradient(
+ to right,
+ rgba(95, 224, 157, 0.1),
+ rgb(95, 224, 157, 0.7) 4%,
+ rgb(95, 224, 157, 0.3)
+ );
+ -webkit-box-decoration-break: clone;
+ box-decoration-break: clone;
+
+ clip-path: polygon(
+ 10px 0, /* top-left point shifted down by 20% of the height */
+ 100% 0, /* top-right point */
+ 100% 100%, /* bottom-right point */
+ 0 100% /* bottom-left point */
+ );
+}
+
+.text-border {
+ text-shadow:
+ -1px -1px 0 #05793C,
+ 1px -1px 0 #05793C,
+ -1px 1px 0 #05793C,
+ 1px 1px 0 #05793C;
+ }
\ No newline at end of file
diff --git a/application/next-frontend/tailwind.config.ts b/application/next-frontend/tailwind.config.ts
new file mode 100644
index 00000000..65e36e4f
--- /dev/null
+++ b/application/next-frontend/tailwind.config.ts
@@ -0,0 +1,56 @@
+import type { Config } from 'tailwindcss'
+
+const config: Config = {
+ content: [
+ './pages/**/*.{js,ts,jsx,tsx,mdx}',
+ './src/**/*.{js,ts,jsx,tsx,mdx}',
+ './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+ ],
+ theme: {
+ extend: {
+ boxShadow: {
+ custom: '0px 32px 64px -14px rgba(106, 84, 18, 0.20), 12px 12px 0px 0px #117537',
+ },
+ backgroundImage: {
+ 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
+ 'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
+ },
+ fontFamily: {
+ spaceGrotesk: ['"Space Grotesk"', 'sans-serif'],
+ inter: ['Inter', 'sans-serif'],
+ workSans: ['"Work Sans"', 'sans-serif'],
+ queensMedium: ['"Queens Condensed Trial Medium"', 'sans-serif'],
+ queensRegular: ['"Queens Condensed Trial Regular"', 'sans-serif'],
+ },
+ colors: {
+ light: '#F1EFE9',
+ fuger: '#C1C1C1',
+ dark: '#303030',
+ green: {
+ primary: '#05793C',
+ secondary: '#5FE09D',
+ tertiary: '#003F1E',
+ quaternary: '#004B24',
+ light: '#CFF6E2',
+ calendar: '#EDFFF6',
+ },
+ yellow: '#FFF8C1',
+ shade: '#6A5412',
+ neutral: '#4E5445',
+ red: {
+ highlight: '#FF9494',
+ light: '#FFB9B9',
+ DEFAULT: '#CB4A4A',
+ },
+ postit: {
+ green: '#9AE59D',
+ yellow: '#F0E36F',
+ pink: '#F8B6B6',
+ },
+ },
+ },
+ plugins: [],
+ },
+}
+
+export default config
diff --git a/application/next-frontend/tsconfig.json b/application/next-frontend/tsconfig.json
new file mode 100644
index 00000000..1d73ccf8
--- /dev/null
+++ b/application/next-frontend/tsconfig.json
@@ -0,0 +1,26 @@
+{
+ "compilerOptions": {
+ "target": "es5",
+ "lib": ["dom", "dom.iterable", "esnext"],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": true,
+ "forceConsistentCasingInFileNames": true,
+ "noEmit": true,
+ "esModuleInterop": true,
+ "module": "esnext",
+ "moduleResolution": "bundler",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve",
+ "incremental": true,
+ "paths": {
+ "@/*": ["./src/*"],
+ "Admin/*": ["./src/Admin/*"],
+ "Landing/*": ["./src/Landing/*"],
+ "Shared/*": ["./src/Shared/*"],
+ }
+ },
+ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+ "exclude": ["node_modules"]
+}
diff --git a/infrastructure/.terraformignore b/infrastructure/.terraformignore
deleted file mode 100644
index 43c1e44c..00000000
--- a/infrastructure/.terraformignore
+++ /dev/null
@@ -1,2 +0,0 @@
-../application/backend/venv/
-../application/frontend/node_modules/
\ No newline at end of file
diff --git a/infrastructure/main.tf b/infrastructure/main.tf
deleted file mode 100644
index ea7820f1..00000000
--- a/infrastructure/main.tf
+++ /dev/null
@@ -1,123 +0,0 @@
-resource "heroku_pipeline" "pizzabot" {
- name = var.prefix
-
- owner {
- id = var.heroku_team_id
- type = "team"
- }
-}
-
-
-module "production" {
- source = "./system"
-
- heroku_team_name = var.heroku_team_name
- hostname = "bot.blank.pizza"
- prefix = var.prefix
- environment = "prod"
- CLOUDAMQP_PLAN = "cloudamqp:tiger"
- PAPERTRAIL_PLAN = "papertrail:choklad"
- POSTGRES_PLAN = "heroku-postgresql:standard-0"
- FORMATION_SIZE_FRONTEND = "Basic"
- FORMATION_SIZE_BACKEND = "Basic"
- FORMATION_SIZE_BOT_WORKER = "Basic"
- FORMATION_QUANTITY_FRONTEND = 1
- FORMATION_QUANTITY_BACKEND = 1
- FORMATION_QUANTITY_BOT_WORKER = 1
- SLACK_APP_TOKEN = var.PRODUCTION_SLACK_APP_TOKEN
- SLACK_CLIENT_ID = var.PRODUCTION_SLACK_CLIENT_ID
- SLACK_CLIENT_SECRET = var.PRODUCTION_SLACK_CLIENT_SECRET
- SLACK_SIGNING_SECRET = var.PRODUCTION_SLACK_SIGNING_SECRET
- SECRET_KEY_BACKEND = var.PRODUCTION_SECRET_KEY_BACKEND
- CLOUDINARY_CLOUD_NAME = var.PRODUCTION_CLOUDINARY_CLOUD_NAME
- CLOUDINARY_API_KEY = var.PRODUCTION_CLOUDINARY_API_KEY
- CLOUDINARY_API_SECRET = var.PRODUCTION_CLOUDINARY_API_SECRET
- MQ_EVENT_KEY = "pizza"
- MQ_EVENT_QUEUE = "Pizza_Queue"
- MQ_EXCHANGE = "Pizza_Exchange"
- MQ_RPC_KEY = "rpc"
- DAYS_IN_ADVANCE_TO_INVITE = 10
- HOURS_BETWEEN_REMINDERS = 4
- REPLY_DEADLINE_IN_HOURS = 24
- FLASK_ENV = "production"
- BACKEND_URI = "api.bot.blank.pizza"
- FRONTEND_URI = "bot.blank.pizza"
-}
-
-# Add production apps to pipeline under production stage
-resource "heroku_pipeline_coupling" "production-backend" {
- app_id = module.production.app_backend_id
- pipeline = heroku_pipeline.pizzabot.id
- stage = "production"
-}
-
-# Add production apps to pipeline under production stage
-resource "heroku_pipeline_coupling" "production-bot" {
- app_id = module.production.app_bot_id
- pipeline = heroku_pipeline.pizzabot.id
- stage = "production"
-}
-
-# Add production apps to pipeline under production stage
-resource "heroku_pipeline_coupling" "production-frontend" {
- app_id = module.production.app_frontend_id
- pipeline = heroku_pipeline.pizzabot.id
- stage = "production"
-}
-
-/*
-module "staging" {
- source = "./system"
-
- heroku_team_name = var.heroku_team_name
- hostname = "staging.bot.blank.pizza"
- prefix = var.prefix
- environment = "stag"
- CLOUDAMQP_PLAN = "cloudamqp:lemur"
- PAPERTRAIL_PLAN = "papertrail:choklad"
- POSTGRES_PLAN = "heroku-postgresql:mini"
- FORMATION_SIZE_FRONTEND = "Basic"
- FORMATION_SIZE_BACKEND = "Basic"
- FORMATION_SIZE_BOT_WORKER = "Basic"
- FORMATION_QUANTITY_FRONTEND = 1
- FORMATION_QUANTITY_BACKEND = 1
- FORMATION_QUANTITY_BOT_WORKER = 1
- SLACK_APP_TOKEN = var.STAGING_SLACK_APP_TOKEN
- SLACK_CLIENT_ID: var.STAGING_SLACK_CLIENT_ID
- SLACK_CLIENT_SECRET: var.STAGING_SLACK_CLIENT_SECRET
- SLACK_SIGNING_SECRET: var.STAGING_SLACK_SIGNING_SECRET
- SECRET_KEY_BACKEND = var.STAGING_SECRET_KEY_BACKEND
- CLOUDINARY_CLOUD_NAME = var.STAGING_CLOUDINARY_CLOUD_NAME
- CLOUDINARY_API_KEY = var.STAGING_CLOUDINARY_API_KEY
- CLOUDINARY_API_SECRET = var.STAGING_CLOUDINARY_API_SECRET
- MQ_EVENT_KEY = "pizza"
- MQ_EVENT_QUEUE = "Pizza_Queue"
- MQ_EXCHANGE = "Pizza_Exchange"
- MQ_RPC_KEY = "rpc"
- DAYS_IN_ADVANCE_TO_INVITE = 10
- HOURS_BETWEEN_REMINDERS = 4
- REPLY_DEADLINE_IN_HOURS = 24
- FLASK_ENV = "production"
- BACKEND_URI = "staging.api.bot.blank.pizza"
- FRONTEND_URI = "staging.bot.blank.pizza"
-}
-
-# Add staging apps to pipeline under staging stage
-resource "heroku_pipeline_coupling" "staging-backend" {
- app_id = module.staging.app_backend_id
- pipeline = heroku_pipeline.pizzabot.id
- stage = "staging"
-}
-
-resource "heroku_pipeline_coupling" "staging-bot" {
- app_id = module.staging.app_bot_id
- pipeline = heroku_pipeline.pizzabot.id
- stage = "staging"
-}
-
-resource "heroku_pipeline_coupling" "staging-frontend" {
- app_id = module.staging.app_frontend_id
- pipeline = heroku_pipeline.pizzabot.id
- stage = "staging"
-}
-*/
diff --git a/infrastructure/.terraform.lock.hcl b/infrastructure/prod/.terraform.lock.hcl
similarity index 100%
rename from infrastructure/.terraform.lock.hcl
rename to infrastructure/prod/.terraform.lock.hcl
diff --git a/infrastructure/prod/.terraformignore b/infrastructure/prod/.terraformignore
new file mode 100644
index 00000000..d555fd4b
--- /dev/null
+++ b/infrastructure/prod/.terraformignore
@@ -0,0 +1,3 @@
+../../application/backend/venv/
+../../application/frontend/node_modules/
+../../application/next-frontend/node_modules/
\ No newline at end of file
diff --git a/infrastructure/prod/main.tf b/infrastructure/prod/main.tf
new file mode 100644
index 00000000..c72b3dd8
--- /dev/null
+++ b/infrastructure/prod/main.tf
@@ -0,0 +1,125 @@
+# resource "heroku_pipeline" "pizzabot" {
+# name = var.prefix
+
+# owner {
+# id = var.heroku_team_id
+# type = "team"
+# }
+# }
+
+
+module "production" {
+ source = "./system"
+
+ heroku_team_name = var.heroku_team_name
+ hostname = "www.pizzabot.app"
+ prefix = var.prefix
+ environment = "prod"
+ CLOUDAMQP_PLAN = "cloudamqp:tiger"
+ PAPERTRAIL_PLAN = "papertrail:choklad"
+ POSTGRES_PLAN = "heroku-postgresql:standard-0"
+ FORMATION_SIZE_FRONTEND = "Basic"
+ FORMATION_SIZE_BACKEND = "Basic"
+ FORMATION_SIZE_BOT_WORKER = "Basic"
+ FORMATION_QUANTITY_FRONTEND = 1
+ FORMATION_QUANTITY_BACKEND = 1
+ FORMATION_QUANTITY_BOT_WORKER = 1
+ SLACK_APP_TOKEN = var.PRODUCTION_SLACK_APP_TOKEN
+ SLACK_CLIENT_ID = var.PRODUCTION_SLACK_CLIENT_ID
+ SLACK_CLIENT_SECRET = var.PRODUCTION_SLACK_CLIENT_SECRET
+ SLACK_SIGNING_SECRET = var.PRODUCTION_SLACK_SIGNING_SECRET
+ SECRET_KEY_BACKEND = var.PRODUCTION_SECRET_KEY_BACKEND
+ CLOUDINARY_CLOUD_NAME = var.PRODUCTION_CLOUDINARY_CLOUD_NAME
+ CLOUDINARY_API_KEY = var.PRODUCTION_CLOUDINARY_API_KEY
+ CLOUDINARY_API_SECRET = var.PRODUCTION_CLOUDINARY_API_SECRET
+ MQ_EVENT_KEY = "pizza"
+ MQ_EVENT_QUEUE = "Pizza_Queue"
+ MQ_EXCHANGE = "Pizza_Exchange"
+ MQ_RPC_KEY = "rpc"
+ DAYS_IN_ADVANCE_TO_INVITE = 10
+ HOURS_BETWEEN_REMINDERS = 4
+ REPLY_DEADLINE_IN_HOURS = 24
+ FLASK_ENV = "production"
+ BACKEND_URI = "api.www.pizzabot.app"
+ NEXT_PUBLIC_BACKEND_URI = "https://api.www.pizzabot.app"
+ FRONTEND_URI = "www.pizzabot.app"
+}
+
+# Add production apps to pipeline under production stage
+resource "heroku_pipeline_coupling" "production-backend" {
+ app_id = module.production.app_backend_id
+ pipeline = var.EXISTING_PIPELINE_ID
+ stage = "production"
+}
+
+# Add production apps to pipeline under production stage
+resource "heroku_pipeline_coupling" "production-bot" {
+ app_id = module.production.app_bot_id
+ pipeline = var.EXISTING_PIPELINE_ID
+ stage = "production"
+}
+
+# Add production apps to pipeline under production stage
+resource "heroku_pipeline_coupling" "production-frontend" {
+ app_id = module.production.app_frontend_id
+ pipeline = var.EXISTING_PIPELINE_ID
+ stage = "production"
+}
+
+
+# module "staging" {
+# source = "./system"
+
+# heroku_team_name = var.heroku_team_name
+# hostname = "staging.pizzabot.app"
+# prefix = var.prefix
+# environment = "stag"
+# CLOUDAMQP_PLAN = "cloudamqp:lemur"
+# PAPERTRAIL_PLAN = "papertrail:choklad"
+# POSTGRES_PLAN = "heroku-postgresql:mini"
+# FORMATION_SIZE_FRONTEND = "Basic"
+# FORMATION_SIZE_BACKEND = "Basic"
+# FORMATION_SIZE_BOT_WORKER = "Basic"
+# FORMATION_QUANTITY_FRONTEND = 1
+# FORMATION_QUANTITY_BACKEND = 1
+# FORMATION_QUANTITY_BOT_WORKER = 1
+# SLACK_APP_TOKEN = var.STAGING_SLACK_APP_TOKEN
+# SLACK_CLIENT_ID: var.STAGING_SLACK_CLIENT_ID
+# SLACK_CLIENT_SECRET: var.STAGING_SLACK_CLIENT_SECRET
+# SLACK_SIGNING_SECRET: var.STAGING_SLACK_SIGNING_SECRET
+# SECRET_KEY_BACKEND = var.STAGING_SECRET_KEY_BACKEND
+# CLOUDINARY_CLOUD_NAME = var.STAGING_CLOUDINARY_CLOUD_NAME
+# CLOUDINARY_API_KEY = var.STAGING_CLOUDINARY_API_KEY
+# CLOUDINARY_API_SECRET = var.STAGING_CLOUDINARY_API_SECRET
+# MQ_EVENT_KEY = "pizza"
+# MQ_EVENT_QUEUE = "Pizza_Queue"
+# MQ_EXCHANGE = "Pizza_Exchange"
+# MQ_RPC_KEY = "rpc"
+# DAYS_IN_ADVANCE_TO_INVITE = 10
+# HOURS_BETWEEN_REMINDERS = 4
+# REPLY_DEADLINE_IN_HOURS = 24
+# FLASK_ENV = "production"
+# BACKEND_URI = "api.staging.pizzabot.app"
+# NEXT_PUBLIC_BACKEND_URI = "https://api.staging.pizzabot.app"
+# FRONTEND_URI = "staging.pizzabot.app"
+# }
+
+# #Add staging apps to pipeline under staging stage
+# resource "heroku_pipeline_coupling" "staging-backend" {
+# app_id = module.staging.app_backend_id
+# pipeline = heroku_pipeline.pizzabot.id
+# stage = "staging"
+# }
+
+# resource "heroku_pipeline_coupling" "staging-bot" {
+# app_id = module.staging.app_bot_id
+# pipeline = heroku_pipeline.pizzabot.id
+# stage = "staging"
+# }
+
+# resource "heroku_pipeline_coupling" "staging-frontend" {
+# app_id = module.staging.app_frontend_id
+# pipeline = heroku_pipeline.pizzabot.id
+# stage = "staging"
+# }
+
diff --git a/infrastructure/provider.tf b/infrastructure/prod/provider.tf
similarity index 100%
rename from infrastructure/provider.tf
rename to infrastructure/prod/provider.tf
diff --git a/infrastructure/system/main.tf b/infrastructure/prod/system/main.tf
similarity index 94%
rename from infrastructure/system/main.tf
rename to infrastructure/prod/system/main.tf
index 8e9daf28..30eb7578 100644
--- a/infrastructure/system/main.tf
+++ b/infrastructure/prod/system/main.tf
@@ -52,6 +52,7 @@ resource "heroku_app" "bot" {
"MQ_EVENT_KEY" = var.MQ_EVENT_KEY
"REPLY_DEADLINE_IN_HOURS" = var.REPLY_DEADLINE_IN_HOURS
"HOURS_BETWEEN_REMINDERS" = var.HOURS_BETWEEN_REMINDERS
+ "FRONTEND_URI" = "https://${var.FRONTEND_URI}"
}
sensitive_config_vars = {
@@ -67,6 +68,7 @@ resource "heroku_config" "endpoints" {
vars = {
FRONTEND_URI = "https://${var.FRONTEND_URI}"
BACKEND_URI = var.BACKEND_URI
+ DOMAIN = var.FRONTEND_URI
}
}
@@ -89,7 +91,7 @@ resource "heroku_app" "frontend" {
}
config_vars = {
- "NGINX_DEFAULT_REQUEST" = "index.html"
+ "NEXT_PUBLIC_BACKEND_URI" = var.NEXT_PUBLIC_BACKEND_URI
}
}
@@ -101,7 +103,7 @@ resource "heroku_build" "backend" {
]
source {
- path = "../application/backend"
+ path = "../../application/backend"
}
}
@@ -113,16 +115,15 @@ resource "heroku_build" "bot" {
]
source {
- path = "../application/bot"
+ path = "../../application/bot"
}
}
resource "heroku_build" "frontend" {
app_id = heroku_app.frontend.id
- buildpacks = ["https://github.com/dokku/heroku-buildpack-nginx"]
source {
- path = "../application/frontend/public"
+ path = "../../application/next-frontend"
}
}
diff --git a/infrastructure/system/outputs.tf b/infrastructure/prod/system/outputs.tf
similarity index 100%
rename from infrastructure/system/outputs.tf
rename to infrastructure/prod/system/outputs.tf
diff --git a/infrastructure/system/variables.tf b/infrastructure/prod/system/variables.tf
similarity index 96%
rename from infrastructure/system/variables.tf
rename to infrastructure/prod/system/variables.tf
index 72274340..e332f58a 100644
--- a/infrastructure/system/variables.tf
+++ b/infrastructure/prod/system/variables.tf
@@ -98,6 +98,10 @@ variable "BACKEND_URI" {
type = string
}
+variable "NEXT_PUBLIC_BACKEND_URI" {
+ type = string
+}
+
variable "FORMATION_SIZE_FRONTEND" {
type = string
}
diff --git a/infrastructure/system/versions.tf b/infrastructure/prod/system/versions.tf
similarity index 100%
rename from infrastructure/system/versions.tf
rename to infrastructure/prod/system/versions.tf
diff --git a/infrastructure/variables.tf b/infrastructure/prod/variables.tf
similarity index 55%
rename from infrastructure/variables.tf
rename to infrastructure/prod/variables.tf
index ecb2cee7..e934d7fd 100644
--- a/infrastructure/variables.tf
+++ b/infrastructure/prod/variables.tf
@@ -1,7 +1,7 @@
variable "prefix" {
description = "High-level name of this configuration, used as a resource name prefix"
type = string
- default = "pizzabot-v2"
+ default = "pizzabot-v3"
}
variable "heroku_api_key" {
@@ -21,6 +21,7 @@ variable "heroku_team_name" {
}
# ************* PRODUCTION ************* #
+
variable "PRODUCTION_SLACK_APP_TOKEN" {
type = string
}
@@ -53,37 +54,44 @@ variable "PRODUCTION_CLOUDINARY_API_SECRET" {
type = string
}
-# ************* STAGING ************* #
-/*
-variable "STAGING_SLACK_APP_TOKEN" {
+variable "EXISTING_PIPELINE_ID" {
type = string
+ description = "As we have two different folders thats connected to the same pipeline we add the pipeline Id manualy"
+ default = "ca5f3b56-618c-4e63-9284-39029d096782"
}
-variable "STAGING_SLACK_CLIENT_ID" {
- type = string
-}
-variable "STAGING_SLACK_CLIENT_SECRET" {
- type = string
-}
+# ************* STAGING ************* #
-variable "STAGING_SLACK_SIGNING_SECRET" {
- type = string
-}
+# variable "STAGING_SLACK_APP_TOKEN" {
+# type = string
+# }
-variable "STAGING_SECRET_KEY_BACKEND" {
- type = string
-}
+# variable "STAGING_SLACK_CLIENT_ID" {
+# type = string
+# }
-variable "STAGING_CLOUDINARY_CLOUD_NAME" {
- type = string
-}
+# variable "STAGING_SLACK_CLIENT_SECRET" {
+# type = string
+# }
-variable "STAGING_CLOUDINARY_API_KEY" {
- type = string
-}
+# variable "STAGING_SLACK_SIGNING_SECRET" {
+# type = string
+# }
+
+# variable "STAGING_SECRET_KEY_BACKEND" {
+# type = string
+# }
+
+# variable "STAGING_CLOUDINARY_CLOUD_NAME" {
+# type = string
+# }
+
+# variable "STAGING_CLOUDINARY_API_KEY" {
+# type = string
+# }
+
+# variable "STAGING_CLOUDINARY_API_SECRET" {
+# type = string
+# }
-variable "STAGING_CLOUDINARY_API_SECRET" {
- type = string
-}
-*/
diff --git a/infrastructure/versions.tf b/infrastructure/prod/versions.tf
similarity index 100%
rename from infrastructure/versions.tf
rename to infrastructure/prod/versions.tf
diff --git a/infrastructure/staging/.terraform.lock.hcl b/infrastructure/staging/.terraform.lock.hcl
new file mode 100644
index 00000000..12c8348f
--- /dev/null
+++ b/infrastructure/staging/.terraform.lock.hcl
@@ -0,0 +1,70 @@
+# This file is maintained automatically by "terraform init".
+# Manual edits may be lost in future updates.
+
+provider "registry.terraform.io/davidji99/herokux" {
+ version = "1.0.0"
+ hashes = [
+ "h1:ld/UkVsNNoND4vljbgf5dUIGklUvd0o0oUwrQfDv+Do=",
+ "zh:03a553b7e92de95a0507c838d067338680e97d14fda415ec721a4407040c24a2",
+ "zh:0979ce32e575a31c88d37435ef573c4a03017bd151fc327617feee2a33fdffdd",
+ "zh:09abc9a3a16d1eb5731e7dfd2705f832ebcb0732edbddfe4b82efee8ab030880",
+ "zh:241a3eca7a811f9c68fabf62709b9061829b2fa2e7854fea8f32c4d58087afc1",
+ "zh:26da170a4329773768d238a5e7fd54521454b99eb66f72bda611365a1d747cd8",
+ "zh:284379ad26b5c0628af66a4721696b7c10205c6427db7fe2b30a8779f088f037",
+ "zh:2929e30d6cf5296c55a452dd15249ec37e00a478da0c1abb800388d0f13107f8",
+ "zh:295820c66e999321eb779903b3ada055b85ed96931e93a9bf5308c6d6c9fc2a7",
+ "zh:2fb7872f03a6038a65c7bc509b48654bfa7a901d108415e5ab3901c29debeeb3",
+ "zh:3c40811bd00ab0474bdde1ba5744bad851deca6e638f6e301c14610077f58448",
+ "zh:525bfd2d19ba4bbf103a8f527126e264b9f5cb701c777d98834599bdb118916d",
+ "zh:6324dbdeaa57f21c916ea96b3386f02687e0ba5a152c8f2223e1c5640576c8dc",
+ "zh:6c74be9bcdb567faffaed2d17d575e983850eccb2c4cc16470f5e10588287948",
+ "zh:80fca4b571b6ffba0658b6f6d0e7b6b779691b9e4079d82de452c2a9654e99ae",
+ "zh:a3fca1a86e9b519a34786b70fca56970604bea8141c10e988b94576952470ff8",
+ "zh:b6739600bd9d83daa32f9c4f80ba68262cf4e622ecaec181d70347c5b7d5eeeb",
+ "zh:bbb17b666cf8aa1466ea2c40ef89fd452b7d20112c0640d0f04b83ce830134cc",
+ "zh:c4f42923ac80b47be41fd5bc265a7894518a3f8e14f2b24554d3b6f218cada05",
+ "zh:f329bdde33d41eb28b32a0fa17826740c06f998fb2f1dcfa1c8f2ce5de5438b3",
+ ]
+}
+
+provider "registry.terraform.io/hashicorp/external" {
+ version = "2.2.2"
+ hashes = [
+ "h1:BKQ5f5ijzeyBSnUr+j0wUi+bYv6KBQVQNDXNRVEcfJE=",
+ "zh:0b84ab0af2e28606e9c0c1289343949339221c3ab126616b831ddb5aaef5f5ca",
+ "zh:10cf5c9b9524ca2e4302bf02368dc6aac29fb50aeaa6f7758cce9aa36ae87a28",
+ "zh:56a016ee871c8501acb3f2ee3b51592ad7c3871a1757b098838349b17762ba6b",
+ "zh:719d6ef39c50e4cffc67aa67d74d195adaf42afcf62beab132dafdb500347d39",
+ "zh:78d5eefdd9e494defcb3c68d282b8f96630502cac21d1ea161f53cfe9bb483b3",
+ "zh:7fbfc4d37435ac2f717b0316f872f558f608596b389b895fcb549f118462d327",
+ "zh:8ac71408204db606ce63fe8f9aeaf1ddc7751d57d586ec421e62d440c402e955",
+ "zh:a4cacdb06f114454b6ed0033add28006afa3f65a0ea7a43befe45fc82e6809fb",
+ "zh:bb5ce3132b52ae32b6cc005bc9f7627b95259b9ffe556de4dad60d47d47f21f0",
+ "zh:bb60d2976f125ffd232a7ccb4b3f81e7109578b23c9c6179f13a11d125dca82a",
+ "zh:f9540ecd2e056d6e71b9ea5f5a5cf8f63dd5c25394b9db831083a9d4ea99b372",
+ "zh:ffd998b55b8a64d4335a090b6956b4bf8855b290f7554dd38db3302de9c41809",
+ ]
+}
+
+provider "registry.terraform.io/heroku/heroku" {
+ version = "5.1.2"
+ hashes = [
+ "h1:pjf0KADkGu7Nea5xPwKqKCGim+WxX9uQMXnwEhj18ZI=",
+ "zh:0a1dfe80eda8bd1621ebbbcf33cb475cfd20c685eaa0d23f1652d7d3c0f69b81",
+ "zh:1cadc7aa73579f50bd32e222f93a486b9fdc8e2fab7be7fcb92fb31ff217358d",
+ "zh:2cd692fd2a563b685fa91e29435351f6c8fe3f389a8482a1755c3d4f7a09809c",
+ "zh:41d8fc28e59e36870fc66767cbc271b2209e85714ad934ac271402ef26a30791",
+ "zh:67775fdc050dea3b191fd74a3be7a2857de70ef4690bf75b960e7c2bbb0ffe8d",
+ "zh:67f204d5c845e4fe5f94b51998f7be72bdb85cbb8e40b7d5bd799d6e74826a81",
+ "zh:7ec05e2eb1aed844b8c9c5151bc8012f546de14c16579f42735a12efe1db7e7d",
+ "zh:8d70482573d44fa553594d4262df96e6565b31ff5eae8267d93a7ee9c9052fab",
+ "zh:a8d445c9204b08f60682a134b5b76b3641634ed50c06eb4f6b38a7eb7c4026dc",
+ "zh:c00c0f220bfc1112a27fd028119249acacd814b6c964ed6ed14bbfe24e004ee7",
+ "zh:d0327c73e46fdfea9ae626cf057940af0ffa49bf16a492a3acced60aa9789526",
+ "zh:d540a68e1bed9bcb8ab1d56de43ff3afc60f9ea186d37bdcd2a60eb272d246e2",
+ "zh:df2065ca1a7b42f69080f3db8b4bbfaaacda7e4765a001ab2636e8883f72c535",
+ "zh:df8433d56b1944b63e0285943d54e3fbed5bfa52fd8314cd6cf4856f8f5de038",
+ "zh:fd50c1fd24007462ffeb75fdc04e046935f2b6dff35b678ebda14f16e9a7bc87",
+ "zh:fd9d4360276cda61f6d059ef66f8615280100f6e9601f5c5ff269b41c85d8440",
+ ]
+}
diff --git a/infrastructure/staging/.terraformignore b/infrastructure/staging/.terraformignore
new file mode 100644
index 00000000..d555fd4b
--- /dev/null
+++ b/infrastructure/staging/.terraformignore
@@ -0,0 +1,3 @@
+../../application/backend/venv/
+../../application/frontend/node_modules/
+../../application/next-frontend/node_modules/
\ No newline at end of file
diff --git a/infrastructure/staging/main.tf b/infrastructure/staging/main.tf
new file mode 100644
index 00000000..8a50c502
--- /dev/null
+++ b/infrastructure/staging/main.tf
@@ -0,0 +1,125 @@
+# resource "heroku_pipeline" "pizzabot" {
+# name = var.prefix
+
+# owner {
+# id = var.heroku_team_id
+# type = "team"
+# }
+# }
+
+
+# module "production" {
+# source = "./system"
+
+# heroku_team_name = var.heroku_team_name
+# hostname = "www.pizzabot.app"
+# prefix = var.prefix
+# environment = "prod"
+# CLOUDAMQP_PLAN = "cloudamqp:tiger"
+# PAPERTRAIL_PLAN = "papertrail:choklad"
+# POSTGRES_PLAN = "heroku-postgresql:standard-0"
+# FORMATION_SIZE_FRONTEND = "Basic"
+# FORMATION_SIZE_BACKEND = "Basic"
+# FORMATION_SIZE_BOT_WORKER = "Basic"
+# FORMATION_QUANTITY_FRONTEND = 1
+# FORMATION_QUANTITY_BACKEND = 1
+# FORMATION_QUANTITY_BOT_WORKER = 1
+# SLACK_APP_TOKEN = var.PRODUCTION_SLACK_APP_TOKEN
+# SLACK_CLIENT_ID = var.PRODUCTION_SLACK_CLIENT_ID
+# SLACK_CLIENT_SECRET = var.PRODUCTION_SLACK_CLIENT_SECRET
+# SLACK_SIGNING_SECRET = var.PRODUCTION_SLACK_SIGNING_SECRET
+# SECRET_KEY_BACKEND = var.PRODUCTION_SECRET_KEY_BACKEND
+# CLOUDINARY_CLOUD_NAME = var.PRODUCTION_CLOUDINARY_CLOUD_NAME
+# CLOUDINARY_API_KEY = var.PRODUCTION_CLOUDINARY_API_KEY
+# CLOUDINARY_API_SECRET = var.PRODUCTION_CLOUDINARY_API_SECRET
+# MQ_EVENT_KEY = "pizza"
+# MQ_EVENT_QUEUE = "Pizza_Queue"
+# MQ_EXCHANGE = "Pizza_Exchange"
+# MQ_RPC_KEY = "rpc"
+# DAYS_IN_ADVANCE_TO_INVITE = 10
+# HOURS_BETWEEN_REMINDERS = 4
+# REPLY_DEADLINE_IN_HOURS = 24
+# FLASK_ENV = "production"
+# BACKEND_URI = "api.www.pizzabot.app"
+# NEXT_PUBLIC_BACKEND_URI = "https://api.www.pizzabot.app"
+# FRONTEND_URI = "www.pizzabot.app"
+# }
+
+# # Add production apps to pipeline under production stage
+# resource "heroku_pipeline_coupling" "production-backend" {
+# app_id = module.production.app_backend_id
+# pipeline = heroku_pipeline.pizzabot.id
+# stage = "production"
+# }
+
+# # Add production apps to pipeline under production stage
+# resource "heroku_pipeline_coupling" "production-bot" {
+# app_id = module.production.app_bot_id
+# pipeline = heroku_pipeline.pizzabot.id
+# stage = "production"
+# }
+
+# # Add production apps to pipeline under production stage
+# resource "heroku_pipeline_coupling" "production-frontend" {
+# app_id = module.production.app_frontend_id
+# pipeline = heroku_pipeline.pizzabot.id
+# stage = "production"
+# }
+
+
+module "staging" {
+ source = "./system"
+
+ heroku_team_name = var.heroku_team_name
+ hostname = "staging.pizzabot.app"
+ prefix = var.prefix
+ environment = "stag"
+ CLOUDAMQP_PLAN = "cloudamqp:lemur"
+ PAPERTRAIL_PLAN = "papertrail:choklad"
+ POSTGRES_PLAN = "heroku-postgresql:mini"
+ FORMATION_SIZE_FRONTEND = "Basic"
+ FORMATION_SIZE_BACKEND = "Basic"
+ FORMATION_SIZE_BOT_WORKER = "Basic"
+ FORMATION_QUANTITY_FRONTEND = 1
+ FORMATION_QUANTITY_BACKEND = 1
+ FORMATION_QUANTITY_BOT_WORKER = 1
+ SLACK_APP_TOKEN = var.STAGING_SLACK_APP_TOKEN
+ SLACK_CLIENT_ID = var.STAGING_SLACK_CLIENT_ID
+ SLACK_CLIENT_SECRET = var.STAGING_SLACK_CLIENT_SECRET
+ SLACK_SIGNING_SECRET = var.STAGING_SLACK_SIGNING_SECRET
+ SECRET_KEY_BACKEND = var.STAGING_SECRET_KEY_BACKEND
+ CLOUDINARY_CLOUD_NAME = var.STAGING_CLOUDINARY_CLOUD_NAME
+ CLOUDINARY_API_KEY = var.STAGING_CLOUDINARY_API_KEY
+ CLOUDINARY_API_SECRET = var.STAGING_CLOUDINARY_API_SECRET
+ MQ_EVENT_KEY = "pizza"
+ MQ_EVENT_QUEUE = "Pizza_Queue"
+ MQ_EXCHANGE = "Pizza_Exchange"
+ MQ_RPC_KEY = "rpc"
+ DAYS_IN_ADVANCE_TO_INVITE = 10
+ HOURS_BETWEEN_REMINDERS = 4
+ REPLY_DEADLINE_IN_HOURS = 24
+ FLASK_ENV = "production"
+ BACKEND_URI = "api.staging.pizzabot.app"
+ NEXT_PUBLIC_BACKEND_URI = "https://api.staging.pizzabot.app"
+ FRONTEND_URI = "staging.pizzabot.app"
+}
+
+#Add staging apps to pipeline under staging stage
+resource "heroku_pipeline_coupling" "staging-backend" {
+ app_id = module.staging.app_backend_id
+ pipeline = var.EXISTING_PIPELINE_ID
+ stage = "staging"
+}
+
+resource "heroku_pipeline_coupling" "staging-bot" {
+ app_id = module.staging.app_bot_id
+ pipeline = var.EXISTING_PIPELINE_ID
+ stage = "staging"
+}
+
+resource "heroku_pipeline_coupling" "staging-frontend" {
+ app_id = module.staging.app_frontend_id
+ pipeline = var.EXISTING_PIPELINE_ID
+ stage = "staging"
+}
+
diff --git a/infrastructure/staging/provider.tf b/infrastructure/staging/provider.tf
new file mode 100644
index 00000000..363154e2
--- /dev/null
+++ b/infrastructure/staging/provider.tf
@@ -0,0 +1,8 @@
+provider "heroku" {
+ email = var.heroku_api_email
+ api_key = var.heroku_api_key
+}
+
+provider "herokux" {
+ api_key = var.heroku_api_key
+}
diff --git a/infrastructure/staging/system/main.tf b/infrastructure/staging/system/main.tf
new file mode 100644
index 00000000..30eb7578
--- /dev/null
+++ b/infrastructure/staging/system/main.tf
@@ -0,0 +1,193 @@
+resource "heroku_domain" "blank" {
+ app_id = heroku_app.frontend.id
+ hostname = var.hostname
+}
+
+resource "heroku_domain" "blank_backend" {
+ app_id = heroku_app.backend.id
+ hostname = var.BACKEND_URI
+}
+
+resource "heroku_app" "backend" {
+ name = "${var.prefix}-${var.environment}-backend"
+ region = "eu"
+ stack = "heroku-22"
+
+ organization {
+ name = var.heroku_team_name
+ }
+
+ config_vars = {
+ "MQ_EXCHANGE" = var.MQ_EXCHANGE
+ "MQ_EVENT_QUEUE" = var.MQ_EVENT_QUEUE
+ "MQ_RPC_KEY" = var.MQ_RPC_KEY
+ "MQ_EVENT_KEY" = var.MQ_EVENT_KEY
+ "DAYS_IN_ADVANCE_TO_INVITE" = var.DAYS_IN_ADVANCE_TO_INVITE
+ "FLASK_ENV" = var.FLASK_ENV
+ }
+
+ sensitive_config_vars = {
+ "SECRET_KEY" = var.SECRET_KEY_BACKEND
+ "SLACK_CLIENT_ID" = var.SLACK_CLIENT_ID
+ "SLACK_CLIENT_SECRET" = var.SLACK_CLIENT_SECRET
+ "CLOUDINARY_CLOUD_NAME" = var.CLOUDINARY_CLOUD_NAME
+ "CLOUDINARY_API_KEY" = var.CLOUDINARY_API_KEY
+ "CLOUDINARY_API_SECRET" = var.CLOUDINARY_API_SECRET
+ }
+}
+
+resource "heroku_app" "bot" {
+ name = "${var.prefix}-${var.environment}-bot"
+ region = "eu"
+ stack = "heroku-22"
+
+ organization {
+ name = var.heroku_team_name
+ }
+
+ config_vars = {
+ "MQ_EXCHANGE" = var.MQ_EXCHANGE
+ "MQ_EVENT_QUEUE" = var.MQ_EVENT_QUEUE
+ "MQ_RPC_KEY" = var.MQ_RPC_KEY
+ "MQ_EVENT_KEY" = var.MQ_EVENT_KEY
+ "REPLY_DEADLINE_IN_HOURS" = var.REPLY_DEADLINE_IN_HOURS
+ "HOURS_BETWEEN_REMINDERS" = var.HOURS_BETWEEN_REMINDERS
+ "FRONTEND_URI" = "https://${var.FRONTEND_URI}"
+ }
+
+ sensitive_config_vars = {
+ "SLACK_APP_TOKEN" = var.SLACK_APP_TOKEN
+ "SLACK_SIGNING_SECRET": var.SLACK_SIGNING_SECRET,
+ "SLACK_CLIENT_ID": var.SLACK_CLIENT_ID
+ "SLACK_CLIENT_SECRET": var.SLACK_CLIENT_SECRET
+ }
+}
+
+# NB: FRONTEND_URI must be set to the ssl custom domain "https://${var.hostname}" for the OAuth to work
+resource "heroku_config" "endpoints" {
+ vars = {
+ FRONTEND_URI = "https://${var.FRONTEND_URI}"
+ BACKEND_URI = var.BACKEND_URI
+ DOMAIN = var.FRONTEND_URI
+ }
+}
+
+resource "heroku_app_config_association" "config_backend_association" {
+ app_id = heroku_app.backend.id
+
+ vars = heroku_config.endpoints.vars
+ sensitive_vars = heroku_config.endpoints.sensitive_vars
+}
+
+resource "heroku_app" "frontend" {
+ name = "${var.prefix}-${var.environment}-frontend"
+ region = "eu"
+ stack = "heroku-22"
+
+ acm = true
+
+ organization {
+ name = var.heroku_team_name
+ }
+
+ config_vars = {
+ "NEXT_PUBLIC_BACKEND_URI" = var.NEXT_PUBLIC_BACKEND_URI
+ }
+}
+
+resource "heroku_build" "backend" {
+ app_id = heroku_app.backend.id
+ buildpacks = [
+ "https://github.com/heroku/heroku-buildpack-locale",
+ "https://github.com/heroku/heroku-buildpack-python"
+ ]
+
+ source {
+ path = "../../application/backend"
+ }
+}
+
+resource "heroku_build" "bot" {
+ app_id = heroku_app.bot.id
+ buildpacks = [
+ "https://github.com/heroku/heroku-buildpack-locale",
+ "https://github.com/heroku/heroku-buildpack-python"
+ ]
+
+ source {
+ path = "../../application/bot"
+ }
+}
+
+resource "heroku_build" "frontend" {
+ app_id = heroku_app.frontend.id
+
+ source {
+ path = "../../application/next-frontend"
+ }
+}
+
+resource "heroku_addon" "cloudamqp-backend" {
+ name = "${var.prefix}-${var.environment}-cloudamqp"
+ app_id = heroku_app.backend.id
+ plan = var.CLOUDAMQP_PLAN
+}
+
+resource "heroku_addon_attachment" "cloudamqp-bot" {
+ app_id = heroku_app.bot.id
+ addon_id = heroku_addon.cloudamqp-backend.id
+}
+
+resource "heroku_addon" "papertrail-backend" {
+ name = "${var.prefix}-${var.environment}-papertrail"
+ app_id = heroku_app.backend.id
+ plan = var.PAPERTRAIL_PLAN
+}
+
+resource "heroku_addon_attachment" "papertrail-bot" {
+ app_id = heroku_app.bot.id
+ addon_id = heroku_addon.papertrail-backend.id
+}
+
+# This creates the environment variable DATABASE_URL that we can use in our heroku_app
+resource "heroku_addon" "database" {
+ name = "${var.prefix}-${var.environment}-database"
+ app_id = heroku_app.backend.id
+ plan = var.POSTGRES_PLAN
+}
+
+# Needed to attach the database to a second app
+resource "heroku_addon_attachment" "database-attachment" {
+ app_id = heroku_app.bot.id
+ addon_id = heroku_addon.database.id
+}
+
+#resource "herokux_postgres_backup_schedule" "database_backup" {
+# postgres_id = heroku_addon.database.id
+# hour = 23
+# timezone = "Europe/Oslo"
+#}
+
+resource "heroku_formation" "formation-backend" {
+ app_id = heroku_app.backend.id
+ type = "web"
+ quantity = var.FORMATION_QUANTITY_BACKEND
+ size = var.FORMATION_SIZE_BACKEND
+ depends_on = [heroku_build.backend]
+}
+
+resource "heroku_formation" "formation-bot-worker" {
+ app_id = heroku_app.bot.id
+ type = "worker"
+ quantity = var.FORMATION_QUANTITY_BOT_WORKER
+ size = var.FORMATION_SIZE_BOT_WORKER
+ depends_on = [heroku_build.bot]
+}
+
+resource "heroku_formation" "formation-frontend" {
+ app_id = heroku_app.frontend.id
+ type = "web"
+ quantity = var.FORMATION_QUANTITY_FRONTEND
+ size = var.FORMATION_SIZE_FRONTEND
+ depends_on = [heroku_build.frontend]
+}
diff --git a/infrastructure/staging/system/outputs.tf b/infrastructure/staging/system/outputs.tf
new file mode 100644
index 00000000..fa9ecc2b
--- /dev/null
+++ b/infrastructure/staging/system/outputs.tf
@@ -0,0 +1,24 @@
+output "backend_app_url" {
+ value = heroku_app.backend.web_url
+ description = "Backend application URL"
+}
+
+output "bot_app_url" {
+ value = heroku_app.bot.web_url
+ description = "Backend application URL"
+}
+
+output "app_backend_id" {
+ value = heroku_app.backend.id
+ description = "Backend app id"
+}
+
+output "app_bot_id" {
+ value = heroku_app.bot.id
+ description = "Bot app id"
+}
+
+output "app_frontend_id" {
+ value = heroku_app.frontend.id
+ description = "Frontend app id"
+}
\ No newline at end of file
diff --git a/infrastructure/staging/system/variables.tf b/infrastructure/staging/system/variables.tf
new file mode 100644
index 00000000..e332f58a
--- /dev/null
+++ b/infrastructure/staging/system/variables.tf
@@ -0,0 +1,128 @@
+variable "heroku_team_name" {
+ type = string
+}
+
+variable "hostname" {
+ type = string
+}
+
+variable "prefix" {
+ type = string
+}
+
+variable "environment" {
+ type = string
+}
+
+variable "MQ_EXCHANGE" {
+ type = string
+}
+
+variable "MQ_EVENT_QUEUE" {
+ type = string
+}
+
+variable "MQ_RPC_KEY" {
+ type = string
+}
+
+variable "MQ_EVENT_KEY" {
+ type = string
+}
+
+variable "DAYS_IN_ADVANCE_TO_INVITE" {
+ type = number
+}
+
+variable "REPLY_DEADLINE_IN_HOURS" {
+ type = number
+}
+
+variable "HOURS_BETWEEN_REMINDERS" {
+ type = number
+}
+
+variable "SLACK_APP_TOKEN" {
+ type = string
+}
+
+variable "SLACK_CLIENT_ID" {
+ type = string
+}
+
+variable "SLACK_CLIENT_SECRET" {
+ type = string
+}
+
+variable "SLACK_SIGNING_SECRET" {
+ type = string
+}
+
+variable "SECRET_KEY_BACKEND" {
+ type = string
+}
+
+variable "CLOUDINARY_CLOUD_NAME" {
+ type = string
+}
+
+variable "CLOUDINARY_API_KEY" {
+ type = string
+}
+
+variable "CLOUDINARY_API_SECRET" {
+ type = string
+}
+
+variable "PAPERTRAIL_PLAN" {
+ type = string
+}
+
+variable "CLOUDAMQP_PLAN" {
+ type = string
+}
+
+variable "POSTGRES_PLAN" {
+ type = string
+}
+
+variable "FLASK_ENV" {
+ type = string
+}
+
+variable "FRONTEND_URI" {
+ type = string
+}
+
+variable "BACKEND_URI" {
+ type = string
+}
+
+variable "NEXT_PUBLIC_BACKEND_URI" {
+ type = string
+}
+
+variable "FORMATION_SIZE_FRONTEND" {
+ type = string
+}
+
+variable "FORMATION_SIZE_BACKEND" {
+ type = string
+}
+
+variable "FORMATION_SIZE_BOT_WORKER" {
+ type = string
+}
+
+variable "FORMATION_QUANTITY_FRONTEND" {
+ type = string
+}
+
+variable "FORMATION_QUANTITY_BACKEND" {
+ type = string
+}
+
+variable "FORMATION_QUANTITY_BOT_WORKER" {
+ type = string
+}
+
diff --git a/infrastructure/staging/system/versions.tf b/infrastructure/staging/system/versions.tf
new file mode 100644
index 00000000..9a8886ba
--- /dev/null
+++ b/infrastructure/staging/system/versions.tf
@@ -0,0 +1,11 @@
+terraform {
+ required_providers {
+ heroku = {
+ source = "heroku/heroku"
+ }
+ herokux = {
+ source = "davidji99/herokux"
+ }
+ }
+ required_version = ">= 0.13"
+}
diff --git a/infrastructure/staging/variables.tf b/infrastructure/staging/variables.tf
new file mode 100644
index 00000000..5f3b37fd
--- /dev/null
+++ b/infrastructure/staging/variables.tf
@@ -0,0 +1,94 @@
+variable "prefix" {
+ description = "High-level name of this configuration, used as a resource name prefix"
+ type = string
+ default = "pizzabot-v3"
+}
+
+variable "heroku_api_key" {
+ type = string
+}
+
+variable "heroku_api_email" {
+ type = string
+}
+
+variable "heroku_team_id" {
+ type = string
+}
+
+variable "heroku_team_name" {
+ type = string
+}
+
+# ************* PRODUCTION ************* #
+# variable "PRODUCTION_SLACK_APP_TOKEN" {
+# type = string
+# }
+
+# variable "PRODUCTION_SLACK_CLIENT_ID" {
+# type = string
+# }
+
+# variable "PRODUCTION_SLACK_CLIENT_SECRET" {
+# type = string
+# }
+
+# variable "PRODUCTION_SLACK_SIGNING_SECRET" {
+# type = string
+# }
+
+# variable "PRODUCTION_SECRET_KEY_BACKEND" {
+# type = string
+# }
+
+# variable "PRODUCTION_CLOUDINARY_CLOUD_NAME" {
+# type = string
+# }
+
+# variable "PRODUCTION_CLOUDINARY_API_KEY" {
+# type = string
+# }
+
+# variable "PRODUCTION_CLOUDINARY_API_SECRET" {
+# type = string
+# }
+
+# ************* STAGING ************* #
+
+variable "STAGING_SLACK_APP_TOKEN" {
+ type = string
+}
+
+variable "STAGING_SLACK_CLIENT_ID" {
+ type = string
+}
+
+variable "STAGING_SLACK_CLIENT_SECRET" {
+ type = string
+}
+
+variable "STAGING_SLACK_SIGNING_SECRET" {
+ type = string
+}
+
+variable "STAGING_SECRET_KEY_BACKEND" {
+ type = string
+}
+
+variable "STAGING_CLOUDINARY_CLOUD_NAME" {
+ type = string
+}
+
+variable "STAGING_CLOUDINARY_API_KEY" {
+ type = string
+}
+
+variable "STAGING_CLOUDINARY_API_SECRET" {
+ type = string
+}
+
+variable "EXISTING_PIPELINE_ID" {
+ type = string
+ description = "As the apps pushed to production is already created under an existing pipeline, we have to reference this pipeline so we dont have to create another"
+ default = "ca5f3b56-618c-4e63-9284-39029d096782"
+}
diff --git a/infrastructure/staging/versions.tf b/infrastructure/staging/versions.tf
new file mode 100644
index 00000000..9a8886ba
--- /dev/null
+++ b/infrastructure/staging/versions.tf
@@ -0,0 +1,11 @@
+terraform {
+ required_providers {
+ heroku = {
+ source = "heroku/heroku"
+ }
+ herokux = {
+ source = "davidji99/herokux"
+ }
+ }
+ required_version = ">= 0.13"
+}