From 78ab44fea5127c00d15ae27061fe8a1ca4fbbf4f Mon Sep 17 00:00:00 2001
From: TzeYiing <ty@tzeyiing.com>
Date: Tue, 4 Jan 2022 01:48:46 +0800
Subject: [PATCH] added alert on querying restriction

---
 .../pages/project/[ref]/settings/logs/[type].tsx   | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/studio/pages/project/[ref]/settings/logs/[type].tsx b/studio/pages/project/[ref]/settings/logs/[type].tsx
index 5744ade2d7d..06c03b5031e 100644
--- a/studio/pages/project/[ref]/settings/logs/[type].tsx
+++ b/studio/pages/project/[ref]/settings/logs/[type].tsx
@@ -3,7 +3,7 @@ import React, { useEffect, useRef, useState } from 'react'
 import { NextPage } from 'next'
 import { useRouter } from 'next/router'
 import { observer } from 'mobx-react-lite'
-import { Typography, IconLoader, IconAlertCircle, IconRewind, Button } from '@supabase/ui'
+import { Typography, IconLoader, IconAlertCircle, IconRewind, Button, IconInfo } from '@supabase/ui'
 
 import { withAuth } from 'hooks'
 import { get } from 'lib/common/fetch'
@@ -177,6 +177,18 @@ export const LogPage: NextPage = () => {
               />
             </div>
             <div className="flex flex-row gap-x-2 justify-end p-2">
+              <Flag name="logsCustomSql">
+                {isCustomQuery && (
+                  // we don't have a slim Alert component yet
+                  <div className="flex flex-row items-center">
+                    <IconInfo size="small" />
+                    <span>
+                      Custom queries are restricted to a {type === 'database' ? '2 hour' : '7 day'}{' '}
+                      querying window.
+                    </span>
+                  </div>
+                )}
+              </Flag>
               {editorValue && (
                 <Button
                   type="text"