From 03c74d2b6b4ff3a6f20494bdf8b2a5feba840919 Mon Sep 17 00:00:00 2001
From: Sam Chau <chaucted@gmail.com>
Date: Sat, 11 Jan 2025 04:59:38 +1030
Subject: [PATCH] feat: add commit message guidelines link with info icon for
 better user guidance

---
 .../settings/git/status/CommitMessage.jsx          | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/frontend/src/components/settings/git/status/CommitMessage.jsx b/frontend/src/components/settings/git/status/CommitMessage.jsx
index b4b9a6a..9a5482b 100644
--- a/frontend/src/components/settings/git/status/CommitMessage.jsx
+++ b/frontend/src/components/settings/git/status/CommitMessage.jsx
@@ -1,5 +1,6 @@
 import React, {useState, useEffect} from 'react';
 import {COMMIT_TYPES, COMMIT_SCOPES} from '@constants/commits';
+import {Info} from 'lucide-react';
 
 const formatBodyLines = text => {
     if (!text) return '';
@@ -51,6 +52,19 @@ const CommitSection = ({commitMessage, setCommitMessage}) => {
         <div className='mt-4 space-y-4'>
             <div className='bg-gray-800 rounded-lg overflow-hidden border border-gray-700 shadow-xl'>
                 <div className='p-4 space-y-4'>
+                    <div className='flex justify-between items-center mb-4'>
+                        <h2 className='text-lg font-semibold text-gray-200'>
+                            Commit Message
+                        </h2>
+                        <a
+                            href='https://github.com/Dictionarry-Hub/database/blob/stable/CONTRIBUTING.md'
+                            target='_blank'
+                            rel='noopener noreferrer'
+                            className='text-gray-400 hover:text-gray-200'
+                            title='View commit guidelines'>
+                            <Info className='w-5 h-5' />
+                        </a>
+                    </div>
                     <div className='flex space-x-4'>
                         <div className='flex-1'>
                             <label className='block text-sm font-medium text-gray-400 mb-1'>